如果我使用bootstrap，如何连续显示三个图像？

Question

我有一个图像模型，每个图像都有相关的条目，也是图像。我想连续显示相关的三个条目，具体取决于它们的数量。我正在使用bootstrap。

这是我到目前为止所写的：

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

将图像放在使用bootstraps列类的div中。引导容器的宽度为12列，因此您可以将它们放在类col-md-4中，每3个图像总共12个。 Info on the bootstrap grid system.

Answer 2

尝试使用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 %>