Ruby on rails Rails/BootStrap—使迭代对象数据显示在列中

我试着让我的牌连续出现三张，然后跳到下一行，放下下三张。现在，它只是把每张牌放在上面一张牌的正下方。有人能帮我吗

<div class="container">
  <div class="row">
    <div class="col-md-6">
      <% @block_busters.each do |movie| %>
      <div class="card" style="width: 20rem;">
        <img class="card-img-top" src="<%= movie.image_url %>" alt="Card image cap">
        <div class="card-body">
          <h4 class="card-title"><%=movie.title%></h4>
          <p class="card-text"><%=movie.description%></p>
        </div>
      </div>
      <%end%>
    </div>
  </div>
</div>

“alt=”卡图像上限“>

您很可能正在寻找“切片”方法，请尝试以下方法：

<% @block_busters.each_slice(3) do |slice| %>
  <div class="row">
    <% slice.each do |movie| %>
      <div class="col-md-4"> <!-- 12 cols / 3 cards = 4 -->
        <!-- render your cards here, each will show up in rows of 3 -->
      </div>
    <% end %>
  </div>
<% end %>

我尝试了你所说的，看起来每张卡片水平方向上都有一点距离，但仍然是垂直堆叠的。@brff19如果没有看到完整的源代码，很难说，但我的代码假设你使用的是默认的12列网格，并且只查看卡片。如果你在较小的屏幕上查看，或者有侧边栏，等等，可能会出现这种情况堆叠它们，您可以尝试将列调整为类似col-sm-4的形式，这样它们就不会堆叠，如果您需要col-md-6来保持它们被包含，您可以尝试在其中添加另一个容器或容器流体，以便创建一个新网格，或者只是删除包装行和列div。感谢您的帮助，我能够让它与以下内容一起工作ng代码