Rails：引导程序网格可以从左到右填充吗？

Question

我正在构建在线商店的产品页面并使用引导网格系统。现在，当我添加项目时，它会垂直添加项目，但我更愿意从左到右水平添加项目。此外，我希望更多的12个项目在一个页面上显示。这是默认情况下发生还是我必须将class =“col-lg-12”更改为其他内容？

<div class="container"> 

     <div class="row"> 

      <div class="col-lg-12"> 
       <h1 class="page-header">Products</h1> 
      </div> 

      <div class="col-md-4 col-xs-6 thumb"> 
       <% @products.each do |product| %> 
       <a class="thumbnail" href="#"> 
        <%= image_tag product.image.preview.url %> 
       </a> 
       <% end %> 
      </div> 

     </div> 
</div> 
</div> 

Answer 1

这是因为要添加您的产品在单个列，但实际上你需要做的是增加每个产品单独列会是这个样子，每个线三条产品将显示

<div class="container"> 
    <div class="row"> 
     <div class="col-lg-12"> 
     <h1 class="page-header">Products</h1> 
     </div> 
     <% @products.each do |product| %> 
     <div class="col-md-4 col-xs-6 thumb"> 
      <a class="thumbnail" href="#"> 
        <%= image_tag product.image.preview.url %> 
      </a> 
     </div> 
     <% end %> 
    </div> 
</div> 

关于第二个部分，有12只产品的单页上，都能跟得上它不会发生自动神奇，在你的Rails应用程序可以使用分页宝石称为Kaminari的说明如何使用我t去链接