ruby-on-rails - Ruby on Rails foreach 与 bootstrap3 行类

Question

我想 foreach 循环遍历数据并使用每行 3 列的 Bootstrap 网格系统显示此数据，但是我需要多行来满足以下数据量:

<div class="row">
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
</div>
<div class="row">
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
</div>
<div class="row">
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
<div class="col-md-4">*DATA HERE*</div>
</div>

有人可以建议如何在 rails 中使用 foreach 来实现这一点，显然下面只会呈现 1 个 .row 类并将返回的所有 col-md-4 项目放入其中。我希望它在达到每行 3 个项目并重新开始后创建另一个 .row 类。我希望这是有道理的!到目前为止我所拥有的:

<div class="row">
<% @work.each do |w| %>
<div class="col-md-6">
<%= w.image_url %>
</div>
<% end %>
</div>

Answer 1

使用Enumerable#each_slice

<% @work.each_slice(3) do |works| %>
  <div class="row">
    <% works.each do |work| %>
      <div class="col-md-4">*work.name*</div>
    <% end %>
  </div>
<% end %>