레일 : 부트 스트랩 그리드를 왼쪽에서 오른쪽으로 채울 수 있습니까?

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

당신은 하나의 컬럼에 제품을 추가,하지만 당신이 실제로해야 할 것은 각 라인 세에, 그것은 다음과 같이 보일 것입니다 각 제품에 별도의 컬럼에 추가하는 것입니다 때문에이 문제가 발생합니다 제품이 아니 그것은 마술 자동 일어나지 않을 것입니다, 하나의 페이지에서 단지 12 제품을 가지고 두 번째 부분에 대해서는

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

을 표시됩니다, 당신의 레일이 사용할 수있는 앱에서 페이지 매김 보석은 지침 Kaminari라고 나는 어떻게 사용 하는가? 링크를 이동하십시오