ruby-on-rails - 3.times each.do 然后添加类

Question

我在为我的 rails 应用程序设置样式时遇到问题。当时我正在使用引导程序，我的 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...

但是在视图中使用我的代码，每个段落都添加了“row-fluid”类！

  <% @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 将在需要时自动返回到下一行。