Уезжают блоки div в Bootstrap на большом мониторе

Доброго времени дня. Подскажите, пожалуйста. Учил django, и взял шаблон html, css, js. Там используется bootstrap. Немного адаптировал его под себя. Работал на 17' дюймовом мониторе. Собственно, когда на 21' мониторе стал смотреть, блоки наехали друг на друга. Притом, на 15'6, через телефон все в порядке. Попробовал в атрибуты прописать помимо col-sm так же col-lg - результата не дало. В фронтэнде не силен, подскажите, пожалуйста, в чем может быть проблема. Как должно быть -

Как получилось -

Это код правого сайдбара:

<div class="col-md-9 col-lg-9">
    <div class="col-md-12 col-lg-12 page-body">
        <div class="row">
          <div class="sub-title">
              <h2>Some Notes</h2>
              <a href="джанго код"><i class="icon-envelope"></i></a>
          </div>
            <div class="col-md-12 col-lg-12 content-page">
            <div class="col-md-12 col-lg-12 blog-post">
               <div class="post-title">
                     <a href="джанго код"><h1>джанго код</h1></a>
               </div>
               <div class="post-info">
                     <span>джанго код / by <a href="#" target="_blank">джанго код</a></span>
               </div>
               <p style="word-break: break-all"> джанго код</p>
               <a href="джанго код" class="button button-style button-anim fa fa-long-arrow-right"><span>Read More</span></a>
            </div>
                <div class="col-md-12 col-lg-12 text-center">
                    <a href="javascript:void(0)" id="load-more-post" class="load-more-button">Load</a>
                    <div id="post-end-message"></div>
                </div>
            </div>
        </div>

Это код левого сайдбара:

<div id="main">

  <!-- about(left sidebar) -->
  <div class ="col-md-3 col-lg-3">
   <div class="about-fixed">
    <div class="my-pic">
     <img src="{% static 'images/pic/av-pic.png' %}" alt="av-pic">
    </div>
  <div class="my-detail">
     <div class="white-spacing">
        <h1></h1>
           <span>Learning Web Development</span>
     </div>
        <ul class="social-icon">
            <li><a href="" target="_blank" class="github"><i class="fa fa-github"></i></a></li>
            <li><a href="" target="_blank" class="vk"><i class="fa fa-vk"></i></a></li>
         </ul>
  </div>