如何在导轨中制作动态自举轮播？

Question

我需要使用引导程序（按每个“项目”类中的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'类时。我找不到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>