루프가있는 카운터

Question

나는 옥을 사용하여 오래된 갤러리 루프 카운터를하려고합니다 (저는 newb입니다). . 내가 "COL-MD-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

다른 방향으로 진행했습니다. 내 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) }}")