在rails上使用bootstrap3行类进行foreach [英] Ruby on rails foreach with bootstrap3 row class

问题描述

我想通过数据循环遍历数据，并使用每行有3列的bootstraps网格系统显示这些数据，但是我将需要多行数据量如下：

I would like to foreach loop through data and display this data usings bootstraps grid system having 3 columns per row, however i will need multiple rows for the amount of data as below:

<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。行类并将所有col-md-4项目返回到它。我希望在每行达到3个项目后再创建一个.row类，然后重新开始。我希望这是有道理的！我到目前为止：

Can someone advise how to achieve this using a foreach in rails, obviously the below would only render 1 .row class and place all col-md-4 items returned into it. I would like it to create another .row class after it reaches 3 items per row and start again. I hope that makes sense! What i have so far:

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

推荐答案

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

这篇关于在rails上使用bootstrap3行类进行foreach的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！