Rails - グリッドのような製品ページの作成方法

Question

複数の列がある製品ページを構築したいと思います。私が次のように使用している問題は、奇数の製品があると、その列が次の列にこぼれることです。私はそこにCSS3を使ってis a bugを読んでいます。

私はこの格子状製品リストをどのようにレールに組み込めますか？私はテーブルを使ってみましたが、ただ一つの列に表示します。おかげ

div.four-column { 
    -moz-column-count: 4; 
    -webkit-column-count: 4; 
    column-count: 4; 

    -moz-column-width: 10em; 
    -webkit-column-width: 10em; 
    column-width: 10em; 

    width: 910px; 
} 


<ul> 
    <% @products.each do |product| %> 
    <li class="box"> 
     <%= link_to product.name, product_path(:id) %></br> 
     <%= product.price %> 
    </li> 
    <% end %> 
</ul> 

Answer 1

は私の提案は、レイアウトのこの種のあなたが非常に簡単にやりたいことができ

Grid960

または

Twitter bootstrap

のCSSフレームワークをしようとするだろう。

あなたの考えを教えてください。

Btwあなたの例では、4列のクラスを持つdivのCSSのコードを表示しますが、erb以下ではこのクラス定義でこのdivを見逃しているようですか？私が見ることができるのは、class = "box"のdivです！