循环与计数器

Question

我试图做古老的画廊循环计数器使用玉（我是一个新手）。我使用Twitter的引导，所以我需要把图像与COL-MD-3为一类，并与排一个di​​v的子div的”所以，理想情况是这样的：

<div class="row"> 
    <div class="col-md-3">image goes here</div> 
    <div class="col-md-3">image goes here</div> 
    <div class="col-md-3">image goes here</div> 
    <div class="col-md-3">image goes here</div> 
</div> 
<div class="row"> 
    <div class="col-md-3">image goes here</div> 
    <div class="col-md-3">image goes here</div> 
    <div class="col-md-3">image goes here</div> 
    <div class="col-md-3">image goes here</div> 
</div> 

当我被困在是如何初始化一个新行，因为在玉压痕事项下面就是我开始，我该如何进行

div.row 
    each product, index in collection.products 
     div.col-md-3: img 

我会假设你会使用这样的：？

if index % 3 
    div.row 

...但它不觉得退出e right ...

Answer 1

解决了它走向不同的方向。我在我的views.py文件的顶部创建了一个context_processor，并将它作为函数提供给我的模板。

views.py

@app.context_processor 
def utility_processor(): 
    def subdivide_list(list_to_group, group_size): 
     return [list_to_group[i:i+group_size] for i in range(0, len(list_to_group), group_size)] 
return dict(subdivide_list=subdivide_list) 

gallery.jade

div.col-md-9 
    for product_row in subdivide_list(all_products, 4) 
     div.row 
      for product in product_row 
       img(src="{{ url_for('static', filename='uploads/images/products/'+product.image.name_thumb) }}")