Slim-Lang：有条件地渲染容器

Question

我正在使用Slim来渲染一些带有Bootstrap的元素，我试图在行容器中渲染一对列，如下所示：

＆＃13;

＆＃13;

<div class="row">
  <div class="col-xs-6">
    Container 1 - Left
  </div>
  <div class="col-xs-6">
    Container 2 - Right
  </div>
</div>
<div class="row">
  <div class="col-xs-6">
    Container 3 - Left
  </div>
  <div class="col-xs-6">
    Container 4 - Right
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

目标是无论高度如何都正确渲染这些列。

我尝试使用的超薄代码如下：

- [1,2,3,4].each_with_index do |num, index|
  .row # I want this row to appear only on odd iterations
    .col-xs-6 Container #{num} - #{index % 2 == 0 ? "Left" : "Right"}

有优雅的方法吗？

我想到了：

• 拥有一行且在两列之后，添加.col-xs-12列的分页符。
• 获取n和n + 1项并在单个循环中渲染它们。

问题是：

有没有办法渲染容器一次，然后在以后的迭代中添加一个子项？