Question

我正在尝试弄清楚如何使用bootstrap将我的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

bootstrap格式的rails输出列

1 个答案: