【问题标题】:how make a dynamic bootstrap carousel in rails?如何在 Rails 中制作动态引导轮播?
【发布时间】:2018-09-28 17:35:21
【问题描述】:

我需要使用引导程序在轮播中显示产品列表,该引导程序按每个“项目”类中的 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>

问题是当我尝试关闭“项目”类时。我无法理解 4 的倍数的相反数。

【问题讨论】:

    标签: ruby-on-rails ruby bootstrap-carousel


    【解决方案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>
    

    【讨论】:

    • 最好发布一些关于您的解决方案的描述性文本,而不仅仅是粘贴代码。
    • 谢谢,这是最好和最简单的解决方案。 apidock.com/ruby/Enumerable/each_slice
    • 抱歉,我以为它是自我描述的。 ;)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-22
    • 1970-01-01
    • 1970-01-01
    • 2016-11-16
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多