Divs Alignment - Bootstrap

Question

Я пытаюсь создать блок блогов, зацикливая все блоги, как показано ниже

<div class="row">
   // loop Start - foreach blog in blogs
      <div class="col-lg-1"></div>
      <div class="col-lg-4 col-sm-6">// Content</div>
      <div class="col-lg-1"></div>
   // loop End
</div>

Когда я запускаю цикл, он выдает следующий вывод

Который показывает следующий результат (пока забудьте фоновое изображение).Я ожидал, что третий блог должен быть расположен точно под первым.

Я использую Bootstrap v3.3.7

Answer 1

Попробуйте использовать приведенный ниже код и дайте мне знать, если это поможет

<div class="row">
 // loop Start - foreach blog in blogs
  <div class="col-lg-4 col-sm-6 text-center">
     <div class="col-xs-12">// Content</div>
  </div>
  //// end row ////
  <div class="col-lg-4 col-sm-6 text-center">
     <div class="col-xs-12">// Content</div>
  </div>
  //// end row ////
  <div class="col-lg-4 col-sm-6 text-center">
     <div class="col-xs-12">// Content</div>
  </div>
   // loop End
  </div>