如何將數據循環到軌道中的不同div

Question

• 如果我們在數據庫中有4個數據記錄，Big Box & Small Box循環會生成其數據的4倍。
• 那麼如何爲Big Box div和剩下的（剩下3個）生成數據（僅限第一條記錄）轉到Small Box div（沒有第一條記錄）。

查看

<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

您可以使用Array#shift讓你的陣列

<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>