how to loop data to different div in rails

Question

• if we have 4 data record in database, the Big Box & Small Box loop will generate 4 times of its data.
• So how to generate data (first record only) for the Big Box div and the rest (3 more left) go to Small Box div (without the first record).

View

<div class="row">
  <% @firstbox.each do |first| %>
    <div class="col-md-6">
      Big Box <%= first.title %>
    </div>
  <% end %>
  <div class="col-md-6">
    <div class="row">
      <% @firstbox.each do |second| %>
        <div class="col-md-3">Small Box <%= second.title %></div>
        <!--
          <div class="col-md-3">Small Box <%= second.title %></div>
          <div class="col-md-3">Small Box <%= second.title %></div>
          <div class="col-md-3">Small Box <%= second.title %></div>
        -->
      <% end %>
    </div>
  </div>
</div>

Answer 1

You can use Array#shift to get the first element of your array

<div class="row">
  <div class="col-md-6">
    Big Box <%= @firstbox.shift.title %>
  </div>
  <div class="col-md-6">
    <div class="row">
      <% @firstbox.each do |other| %>
        <div class="col-md-3">Small Box <%= other.title %></div>
      <% end %>
    </div>
  </div>
</div>