Question

大家好，我想知道在rails中嵌套引导网格的正确方法是什么。

目前在我的索引视图中，我有类似

的内容

<% @users.each do |user| %>
<div class="row">
  render @user
</div>
<% end %>

我的用户部分是这样的

   <div class="col-md-3">
    user.title
    </div>

如果有9个用户，那么html就会变成类似

的东西

<div class="row">
     <div class="col-md-3">
      title1 
     </div>
     <div class="col-md-3">
      title2 
     </div>
     <div class="col-md-3">
      title3 
     </div>
     <div class="col-md-3">
      title4 
     </div>
     <div class="col-md-3">
      title5 
     </div>
     <div class="col-md-3">
      title6 
     </div>
     <div class="col-md-3">
      title7 
     </div>
     <div class="col-md-3">
      title8 
     </div>
     <div class="col-md-3">
      title9
     </div>
</div>

但我希望它能评估为类似的东西

<div class="row">
     <div class="col-md-3">
      title1 
     </div>
     <div class="col-md-3">
      title2 
     </div>
     <div class="col-md-3">
      title3 
     </div>
     <div class="col-md-3">
      title4 
     </div>
</div>
<div class="row"
     <div class="col-md-3">
      title5 
     </div>
     <div class="col-md-3">
      title6 
     </div>
     <div class="col-md-3">
      title7 
     </div>
     <div class="col-md-3">
      title8 
     </div>
</div>
<div class="row"
     <div class="col-md-3">
      title9 
     </div>
</div>

我将如何做到这一点？

Answer 1

使用in_groups_of方法：http://apidock.com/rails/Array/in_groups_of

<% @users.in_groups_of(4, false) do |users| %>
  <div class="row">
    <% users.each do |user| %>
       <%= render @user %>
    <% end %>
  </div>
<% end %>

Answer 2

答案是由jverban给出的，是

<% @users.in_groups_of(4, false) do |users| %>
  <div class="row">
    <% users.each do |user| %>
       <%= render @user %>
    <% end %>
  </div>
<% end %>

在导轨中嵌套Bootstrap网格

2 个答案: