3

Railsビューに次のコードがあります。私は twitter-bootstrap を使用していますが、正しいフォーマットを取得するのに問題があります。画像に示すように、2 行目にギャップがあり、3 行目のすべてが 1 行目のすべてとわずかにずれています (2 行目に空白があるため)。私が望むのは、各行に 4 つのボックスです。何かアドバイス？

<div class = 'row-fluid'>
    <div class = 'span12'>
        <% @products.each_with_index do |(product),index| %>
            <div class = 'span3'>
                <center>
                    <a href = '/products/<%= product.id %>'>
                        <img style = 'width: 100px;' src = '/assets/logo/<%= product.slug.downcase %>-sq.jpg'>
                    </a><br />
                    <a href = '/products/<%= product.id %>'><%= product.name %></a>
                </center>
            </div>
        <% end %>
    </div>
</div>
<div class = 'row'></div>

ここに画像の説明を入力

4

1 に答える 1

1

これを試してみてください

<% @products.in_groups_of(4, false) do |grouped_products| %>
    <div class="row-fluid">
        <% grouped_products.each do |product| %>
            <div class="span3">
               <center>
                   <a href = '/products/<%= product.id %>'>
                   <img style = 'width: 100px;' src = '/assets/logo/<%=   product.slug.downcase %>-sq.jpg'>
                   </a><br />
                   <a href = '/products/<%= product.id %>'><%= product.name %></a>
               </center> 
        </div>
        <% end %>
    </div>
<% end %>

また、余談ですが、手動で入力するのではなく、リンクにレールルートを使用することを強くお勧めします（例： product_path(product) ）。また、センター タグは廃止されているため使用しないことをお勧めします。CSS を使用することをお勧めします。

in_groups_of メソッドの Ruby ドキュメントへのリンクは次のとおりですhttp://api.rubyonrails.org/classes/Array.html#method-i-in_groups_of

于 2013-05-23T01:56:39.490 に答える