Rails: Kann das Bootstrap-Grid von links nach rechts gefüllt werden?

Question

Ich baue eine Produktseite für einen Online-Shop und verwende das Bootstrap-Grid-System. Gerade jetzt, wenn ich Elemente hinzufüge, fügt es sie vertikal hinzu, aber ich würde es vorziehen, die Elemente horizontal von links nach rechts hinzuzufügen. Außerdem möchte ich, dass mehr als 12 Elemente auf einer Seite angezeigt werden. Wird dies standardmäßig geschehen oder muss ich die class = "col-lg-12" auf etwas anderes ändern?

<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

Es geschieht, weil Sie Ihre Produkte in der einzelnen Spalte hinzufügen, aber was Sie wirklich tun müssen, ist für jedes Produkt separate Spalte hinzufügen, um es in etwa so aussehen wird, in jeder Zeile drei Produkte werden

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

in Bezug auf den zweiten Teil angezeigt werden nur 12 Produkte auf der einzelnen Seite zu haben, nee es automatisch nicht auf magische Weise geschehen wird, in Ihre Rails-Anwendung können Sie eine Paginierung gem Kaminari für die Anweisungen genannt verwenden wie benutze ich t gehen Sie den Link