title: how to loop data to different div in rails
body: <ul>
  <li>if we have 4 data record in database, the Big Box &amp; Small Box loop will generate 4 times of its data.</li>
  <li>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).</li>
  </ul>
  
  <p>View</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;% @firstbox.each do |first| %&gt;
      &lt;div class="col-md-6"&gt;
        Big Box &lt;%= first.title %&gt;
      &lt;/div&gt;
    &lt;% end %&gt;
    &lt;div class="col-md-6"&gt;
      &lt;div class="row"&gt;
        &lt;% @firstbox.each do |second| %&gt;
          &lt;div class="col-md-3"&gt;Small Box &lt;%= second.title %&gt;&lt;/div&gt;
          &lt;!--
            &lt;div class="col-md-3"&gt;Small Box &lt;%= second.title %&gt;&lt;/div&gt;
            &lt;div class="col-md-3"&gt;Small Box &lt;%= second.title %&gt;&lt;/div&gt;
            &lt;div class="col-md-3"&gt;Small Box &lt;%= second.title %&gt;&lt;/div&gt;
          --&gt;
        &lt;% end %&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>