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

Question

我正在关注导轨教程，我的项目堆叠在一个单独的列上而不是遍布行

    <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轮。快速执行此操作的方法是使用计数器。