在列中顯示項目（導軌）

Question

我正在嘗試創建一個Rails應用程序。 我有一堆正在遍歷的“課程”對象，我想將它們放在三個三列中。 共有21個對象，因此每列中有7個對象。

<% lessons.each do |lesson| %>

    <% status = user.lesson_user_status.where(lesson: lesson)[0].status %>

    <% if status != "completed" && lesson.title != "Pre/Post Quiz"%>
        <% if(!hasSeenAvailableLesson) %>
            <%= link_to lesson.title, show_lesson_path(lesson), class: "btn btn-default #{status}", "data-toggle"=> "tooltip", title: lesson.description %>
            <% hasSeenAvailableLesson = true %> 
        <% else %>
            <%= link_to lesson.title, '', class: "btn btn-default blocked #{status}", "data-toggle"=> "tooltip", title: lesson.description %>
        <% end %>

        <br>
        <br>
    <% end %>

<% end %>

我認為使用Bootstrap列是一個好主意，但我不知道如何在此處實現。 如何告訴程序每列有7節課？

Answer 1

檢查這個想法！

並根據需要進行修改。

引導網格示例

<div class="col-md-12"> #(12 / 4 = 3 (for columns you want))
<% ctr = 0 %>

# iteration starts here
<% lessons.each do |lesson| %>

  <% if ctr == 0 || ctr == 3 %>
    # new column to make
    <div class="col-md-4">
    # insert data here
    ....
    # return ctr to 0 (for checking another count)
    <% if ctr == 3 %>
      <% ctr = 0 %>
    <% end %>
    # or <% if ctr == 3 then ctr = 0 %>  
  <% else %>
    # insert data ONLY (DON'T CREATE NEW COLUMN)
    .....
    # closing of <div>
    </div>
  <% end %>

  <% ctr += 1%>
<% end %>
# iteration ends here
</div>