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>