Question

我在使用rails应用程序时遇到了问题。当我使用bootstrap和我的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...

但是在视图中使用我的代码，每个Paragraph都会添加“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将在需要时自动返回到下一行。

3.times each.do然后添加课程

2 个答案: