引导格式轨道输出列

Question

我试图弄清楚如何使用引导程序将我的 rails 输出对齐到 3 列等长的列中。基本上我需要三列，问题是如果我有 12 个“技能”，我希望它们在每个部分中分为 4 个技能，等等...

但我不知道如何以单列列表的形式输出数据。我想我需要这样的东西吗？

<div class="col-md-4">
    < ... output of skills >
</div>
<div class="col-md-4">
    < ... output of skills >
</div>
<div class="col-md-4">
    < ... output of skills >
</div>

这是我当前的输出列表，我想以某种方式从输出中制作 3 列。

<div class="col-md-12">
<table>
  <!-- one-to-many association to loop through a users skills -->
  <% @user.skills.each do |skill| %>        
<tr>
  <td>     
    <br />
    <h4><b><%= link_to skill.name, edit_user_skill_path(user_id: @user.id, id: skill.id) %></b></h4>
  </td>
</tr>
 <% end %>
</table>

</div>

更新 这是我根据马丁的建议实施的解决方案。

<% @user.skills.in_groups_of(3, false).each do |group| %>
  <div class='row'>
    <% group.each do |skill| %>
      <div class='col-md-4'>
        <div><%= skill.name %></div><br /> 
      </div>
    <% end %>
  </div>
<% end %>

还因为文本显示在面板中，我发现它超出了边缘，所以不得不将它用于 CSS

.panel-body{
    word-wrap: break-word;
}

Answer 1

您可以尝试使用 in_groups_of 方法：https://apidock.com/rails/v4.2.7/Array/in_groups_of