ブートストラップを使用しているので、3つのイメージを一列に表示するにはどうすればよいですか？

Question

私はイメージモデルを持っており、各イメージには関連するエントリーがあり、これもイメージです。関連する3つのエントリーをどれくらい表示するかによって、1つの行に3つのエントリーを表示したい。私はブートストラップを使用しています。ブートストラップ列クラスを使用するdiv要素で

<% @image.related_entries.each.in_groups_of(3, false).each_with_index do |entry_row, i| 
    <div class="row_thumbnails"> 
    # In row 1 I want 3 entries(images displayed in thumbnail look) 
    </div> 

<%end%> 

Answer 1

は、あなたが接近しているeach_slice

<% @image.related_entries.each_slice(3) do |related_img_slice| 
    <div class="row"> 
    <% related_img_slice.each do |related_img| 
     <div class="col-md-4"> 
     <%= image_tag(related_img.location) %> 
     </div> 
    <% end %> 
    </div> 
<% end %> 

Answer 2

場所の画像を：

これは私がこれまでに書かれたものです。ブートストラップコンテナは幅が12列であるため、クラスcol-md-4に配置することができます。これは、3つのイメージごとに合計12個です。 Info on the bootstrap grid system.