Create a new Bootstrap row every third array element

Question

Create a new Bootstrap row every third array element

I have a @schools array (School.all) and I am showing these @schools in Bootstrap row (3 per row). I was wondering how I can do this so that for every third element in @schools Ruby / Rails will create a new line and then repeat the process. Thank.

<% for 3 in @schools %>
  <div class="row">
    <% @schools.each do |s| %>
      <div class="col-md-4">
      </div>
    <% end %>
  </div>
<% end %>

+3

ruby ruby-on-rails ruby-on-rails-4

maclover7 06 June 15 at 13:31

source to share

2 answers

<% @schools.in_groups_of(3) do |schools| %>
  <div class="row">
    <% schools.each do |s| %>
      <div class="col-md-4">
      </div>
    <% end %>
  </div>
<% end %>

For documentation: http://apidock.com/rails/Array/in_groups_of

+2

Vrushali pawar 06 June 15 at 15:14

source to share

Arup Rakshit · Accepted Answer · 2015-06-06T13:35:28+0000

each_slice

is your friend.

<% @schools.each_slice(3) do |schools| %>
  <div class="row">
    <% schools.each do |s| %>
      <div class="col-md-4">
      </div>
    <% end %>
  </div>
<% end %>

Create a new Bootstrap row every third array element

More articles: