引导格式的轨道以列为单位输出



我正在尝试弄清楚如何使用引导将我的轨道输出对齐成 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;
}

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

最新更新