how make a dynamic bootstrap carousel in rails?

Question

I need show a list of products in a carousel using bootstrap grouped by 4 elements in each 'item' class.

here is my develop

<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>

the problem is when i try close 'item' class. I can't catch the opposite of multiples of 4.

score 0 · Accepted Answer · answered Sep 28 '18 at 18:13

0

<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>

answered Sep 28 '18 at 18:13

Alex

16

It would be nice to post a bit of descriptive text about your solution, rather than just pasting code. – Rook Sep 28 '18 at 18:30
thanks, that was the best and simple solution. https://apidock.com/ruby/Enumerable/each_slice – Joaquin Diaz Sep 28 '18 at 19:29
Sorry, I thought it was self-descriptive. ;) – Alex Sep 29 '18 at 04:18

how make a dynamic bootstrap carousel in rails?

1 Answers1