Bootstrap 2 列布局 - 不等的帖子大小修复答案

【问题标题】：Bootstrap 2 Column Layout- Unequal Post size fixBootstrap 2 列布局 - 不等的帖子大小修复
【发布时间】：2017-06-16 07:10:09
【问题描述】：

我已经在 ruby on rails 中创建了一个应用程序，并且正在使用引导程序，我使用的是 2 列布局，问题是帖子大小不相等，随之而来的是我想摆脱的尴尬间隙。

我的索引页目前的样子：我希望我的索引页是什么样的：

我的 index.html.erb

   <div class="container">
      <% @posts.each_slice(2) do |posts| %>
        <div class="posts-wrapper row">
           <% posts.each do |post| %>
             <div class="col-lg-4 col-md-offset-1">
                <%= post.body %>
             </div> 
           <% end %>
        </div> 
      <% end %>
   </div>

【问题讨论】：

标签： css ruby-on-rails twitter-bootstrap

【解决方案1】：

将.row移出循环，它将被修复

或尝试以下代码，这也应该可以工作

<div class="container">
  <div class="posts-wrapper row">
    <% @posts.each do |post| %>
      <div class="col-lg-6">
        <%= post.body %>
      </div> 
    <% end %>
  </div> 
</div>

【讨论】：

【解决方案2】：

我会使用JQuery Masonry Library

【讨论】：