如何延遲Jade模板中的結束標記？

Question

我遇到了Jade和Bootstrap的問題。我想佈局一些HTML格式如下：

<bootstrap row> 
    <bootstrap col-sm-6> 
    <bootstrap col-sm-6> 
</bootstrap row> 
<bootstrap row> 
    <bootstrap col-sm-6> 
    <bootstrap col-sm-6> 
</bootstrap row> 

等等

我需要這一個每個語句內發生，但是我無法得到它的工作相當如何我想它。它使每個迭代結束後關閉排，所以我得到：

<bootstrap row> 
    <bootstrap col-sm-6> 
</bootstrap row> 
<bootstrap row> 
    <bootstrap col-sm-6> 
</bootstrap row> 

這是玉模板我目前有：

div.col-sm-12 
    #items 
    - each item, x in items 
     div.article.col-sm-6 
     div.title 
      h3= item.name + " (" + item.cost + ")" 
      p= item.stats 
      p= item.recipe 
      p= item.ability 
      p= "Purchased from " + item.category 

所以，每次2次迭代，我需要換兩個同事sm-6項目連續。

任何幫助，將不勝感激。

謝謝。

Answer 1

一種方法是隻在索引爲偶數時呈現item，並且在該條件下呈現下一個項目。喜歡的東西：

.col-sm-12     
    #items      
    - var items = ['a', 'b', 'c', 'd'] 
    - each item, index in items 
     if 0 === index % 2 
     .row     
      - var nextItem = items[index + 1] 
      .col-sm-6= item                                 
      .col-sm-6= nextItem 

輸出：

<div class="col-sm-12"> 
    <div id="items"> 
    <div class="row"> 
     <div class="col-sm-6">a</div> 
     <div class="col-sm-6">b</div> 
    </div> 
    <div class="row"> 
     <div class="col-sm-6">c</div> 
     <div class="col-sm-6">d</div> 
    </div> 
    </div> 
</div> 

當然，因爲你的item和nextItem並不像這個例子中，你可能需要使用的部分，從而使得各用適當的標記一樣簡單爲其價值。