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去鏈接