如何在 rails 中制作动态 bootstrap 轮播？

Question

我需要使用 bootstrap 在轮播中显示产品列表，每个 'item' class.

按 4 个元素分组

这是我的开发

<div class="carousel-inner" role="listbox">
  <% products.each_with_index do |product, n| %>

    <% if n % 4 == 0 %>
      <div class="item <%= 'active' if n == 0 %>">
    <% end %>
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
        ...
      </div>
    <% if n % 4 != 0 %>
      </div>
    <% end %>

  <%end%>
</div>

问题出在我尝试关闭 'item' class 时。我听不懂4的倍数的反义词

Answer 1

<div class="carousel-inner" role="listbox">
  <% products.each_slice(4).with_index do |slice, index| %>
    <div class="item <%= 'active' if index == 0 %>">
    <% slice.each do |product| %>
      <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3">
        ...
      </div>
    <% end %>
    </div>
  <% end %>
</div>