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