Question

我想在我的主页中的一行中显示类别，但它们相互堆叠在一起。

<div class= "container">

<div class="panel panel-primary">
  <div class="panel-body">
    <div class="col-md-3"> 
   <% Category.take(6).each do |category| %>
  <%=link_to category.name, categories_show_path(category: category.name)%>
   <% end %>
</div>
  </div>
    </div>
      </div>

Answer 1

为什么不根据您的要求创建行和列表，还提供更多信息，以便有人可以帮助您解决问题，您尝试在col-md-3中显示6个类别名称，我已经更新了你可以查看的代码

<div class="container">
  <div class="panel panel-primary">
    <div class="panel-body">
      <div class='row'>
       <% Category.all.take(6).each do |category| %>
         <div class="col-md-2"> 
           <%= link_to category.name, categories_show_path(category: category.name) %>
         </div>
       <% end %>
     </div>
   </div>
 </div>
</div>

如何跨单行显示项目

1 个答案: