3.times each.do然後添加類

Question

我有一個問題，我的導軌應用程序的樣式。當時，即時通訊使用的引導和我的HTML應該是這樣的：

<div class="row-fluid"> 

    <div class="span4"> 
    <div class="btn-group"> 
    <button class="btn">02301</button> 
    <button class="btn">Operativer Eingriff</button> 
    </div> 
    </div> 

    <div class="span4"> 
    <div class="btn-group"> 
    <button class="btn">02311</button> 
    <button class="btn">Diabetischer Fuß</button> 
    </div> 
    </div> 

    <div class="span4"> 
    <div class="btn-group"> 
    <button class="btn">30130</button> 
    <button class="btn">Hyposensibilisierung</button> 
    </div> 
    </div> 

    </div> 
    ...and so on... 

但隨着我的視圖代碼，類「排液」每添加一個段落！

<% @ebms.each do |ebm|%> 
    <div class="row-fluid"> 
    <div class="span4"> 
    <div class="btn-group"> 
    <button class="btn"><%= ebm.number %></button> 
    <button class="btn"><%= ebm.extra %></button> 
    </div> 
    </div> 
</div> 
<% end %> 

那麼我怎樣才能實現，只有三個條目後類「行流體」顯示？

Answer 1

你可以使用each_slice：

<% @ebms.each_slice(3) do |ebm_slice| %> 
    <div class="row-fluid"> 
    <% ebm_slice.each do |ebm|%> 
     <div class="span4"> 
     <div class="btn-group"> 
      <button class="btn"><%= ebm.number %></button> 
      <button class="btn"><%= ebm.extra %></button> 
     </div> 
     </div> 
    <% end %> 
    </div> 
<% end %> 

Answer 2

您不必重複

<div class='row-fluid'>" 

每一行。

只添加一次，並且感謝與span4類關聯的「float：'left'」樣式，span4 div會在需要時自動返回到下一行。