Ruby on rails 哈姆勒+；引导div.row和div.spanX，每N个元素新行一次

我发现，这有一个答案，这正是我试图开始。然而，它不会产生预期的结果

给定数组

@items

，我想为每3个项目创建一个新行。这是当前我的标记：

- @items.each_with_index do |item, index|
  - if index % 3 == 0
    %div.row-fluid
  %div.span4
    %div.item-container
      use item

这将导致html呈现如下所示

<div class="row-fluid"></div>
<div class="span4">...</div>
<div class="span4">...</div> 
<div class="span4">...</div>
<div class="row-fluid"></div>
<div class="span4">...</div>
<div class="span4">...</div> 
<div class="span4">...</div>

...
... 
...
...
... 
...

当然，我想要的是：

<div class="row-fluid">
    <div class="span4">...</div>
    <div class="span4">...</div> 
    <div class="span4">...</div>
</div>
<div class="row-fluid">
    <div class="span4">...</div>
    <div class="span4">...</div> 
    <div class="span4">...</div>
</div>

...
... 
...
...
... 
...

我在这里哪里出错了？

使用

- @items = (1..20).to_a
- @items.in_groups_of(3, false).each_with_index do |group, index|
  .row-fluid
    - group.each do |item|
      .span4= "group: #{index}; item: #{item}"

---

提示：您可以取消标记定义，并将其默认设置为

%div

%div.span4

变成了刚才的

.span4

等等。

代码中的缩进错误<代码>%div.span4应处于

%div.row-fluid

下，如果处于

状态，则不应处于
的同一级别。@SybariteManoj是。这就是哈姆的问题所在。在这种情况下，你不能在
.row fluid
下使用它。我已经用基本相同的方法解决了它，但是因为这是我喜欢的唯一方法，所以你得到了检查！