2016-08-10 8 views
0

私はレールにブートストラップを使用していますが、何らかの理由でサムネイルが3行目を開始する前に1つのアイテムを4つではなく2つの行に追加しています。ここではスクリーンショットです:最初の行の最後のブロックの高さがで最小の高さを使用してみてください最初の3 と等しくないのでブートストラップのサムネイルが揃っていない

<div id="products_div"> 
<div class="container"> 
    <div class="jumbotron", id= "index"> 
     <h1>Nature inspired handicrafts and jewelry</h1> 

    </div> 

     <% @products.each do |product| %> 
     <div class="center-block"> 
      <div class="col-lg-3"> 
       <div class = "thumbnail row"> 
       <%= link_to product do %> 
       <%= image_tag product.image.preview.url, :size => "224.98x178.66" %> 
       <% end %> 
      <p><%= product.name[0..30] + "..." %></p> 
      <p><%= number_to_currency(product.price, :unit => '$') %></p> 
     </div> 
     </div> 
     </div> 
     <% end %> 
</div> 
</div> 

答えて

0

ザッツ:ここenter image description here

は、私の見解・ファイルがあります「センターブロック」クラス

関連する問題