どのようにしてブロック関数/ will_paginateを使用してcol-sm-4にデータを生成しますか？

Question

<% @photos.each do |photo| %> 
    <%= image_tag photo.picture.ad.url %> 

<% end %> 

<%= will_paginate @photos %> 


def index 
    @photos = @user.photos.paginate(page: params[:page], per_page: 9) 
end 

は、私は次のようなレイアウト、行を使いたい - > COL-SM-12 - > COL-SM-4、それぞれの写真では3枚、9枚の写真のCOL-SM-4、3列に配置されていますページごとに、instagramのように、私は多くのコードの組み合わせを試しましたが、正しく動作するようにはできません。

Answer 1

は、私はそれを考え出し、ここで

<div class = "row"> 
    <% @photos.each do |photo| %> 
    <div class = "col-sm-3"><%= image_tag photo.picture.ad.url %></div> 
    <% end %> 
</div> 

<%= will_paginate @photos %> 


def index 
    @photos = @user.photos.paginate(page: params[:page], per_page: 9) 
end 

Answer 2

をお試しください：

は

<% @photos.in_groups_of(3, false).each do |group| %> 
    <div class="row"> 
    <% group.each do |photo| %> 
     <div class = "col-sm-4"> 
     <%= image_tag(photo.picture.ad.url, class: "img-responsive") %> 
     </div> 
    <% end %> 
    </div> 
<% end %> 

<%= will_paginate @photos %> 

def index 
    @photos = @user.photos.paginate(page: params[:page], per_page: 9) 
end