Loop with counter

Question

Я пытаюсь сделать вековой счетчик петли галереи, используя нефрит (я новичок). . Я использую Twitter Bootstrap, поэтому мне нужно поместить изображения в дивы с Col-мкр-3, как класс и как ребенок из 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

Решено, что это происходит в другом направлении. Я создал context_processor в верхней части моего файла views.py и сделал его доступным для моего шаблона как функции.

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) }}")