Ruby on rails 如何在Rails中使用块函数/will_paginate将数据生成col-sm-4？ def索引 @photos=@user.photos.paginate（第页：参数[：页]，每页：9） 结束

我想使用以下布局，row->col-sm-12->col-sm-4，每张照片放在col-sm-4中，三行三张图片，每页九张图片，就像instagram一样，我尝试了许多代码组合，但无法正常工作

试试看

<% @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

def索引
@photos=@user.photos.paginate（第页：参数[：页]，每页：9）
结束

在这里，我找到了答案：

<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

def索引
@photos=@user.photos.paginate（第页：参数[：页]，每页：9）
结束

这将产生9行，每行一张照片。这很有效。下面我的有点好，因为它创建了三行而不是一行。此外，它应该是col-sm-4。

<% @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