Bootstrap + Rails，项目堆叠在一列而不是跨行分布

Question

我正在学习 Rails 教程，我的项目堆叠在一列上，而不是分散在一行中

    <div class ="row">
  <% @listings.each do |listing| %>
  <div class="col-md-3">
    <%= image_tag listing.image.url(:thumb)%><br>
    <%= listing.name %><br>
    <%= listing.description %><br>
    <%= listing.price %><br>
    <%= link_to 'Show', listing, class: "btn btn-link" %><br>
    <%= link_to 'Edit', edit_listing_path(listing), class: "btn btn-link" %><br>
    <%= link_to 'Destroy', listing, method: :delete, data: { confirm: 'Are you sure?' }, class: "btn btn-link" %>
  <div>
    <% end %>
    </div>

Answer 1

它会，您必须在列达到 12 后创建一个新行。根据您的代码，这将需要 4 轮。快速的方法是使用计数器。