Divs 对齐 - 引导答案

【问题标题】：Divs Alignment - BootstrapDivs 对齐 - 引导
【发布时间】：2018-09-30 12:42:41
【问题描述】：

我正在尝试通过循环所有博客来制作博客块，如下所示

<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

【问题讨论】：

我不知道你为什么把col-lg-1放到你的循环中。
另外，为什么不升级到 bootstrap 4？
col-lg-1 用于在博客之间留出足够的空间。现在我无法升级到 v4。

标签： css twitter-bootstrap twitter-bootstrap-3

【解决方案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>

【讨论】：

我不认为我能做到这一点。我必须循环使用foreach
我知道，它是在 foreach 之后渲染的，你应该在 foreach 中使用其中一个并运行它