Bootstrap 2列布局 - 不等的邮政大小修复

Question

我已经创建了一个应用程序在轨道上的红宝石和我使用bootstrap，我使用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> 

Answer 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> 

Answer 2

我会用JQuery Masonry Library