Jinja2：3つのアイテムごとに新しい行を作成

Question

現在、記事の記事ごとに、span4の新しいdivが作成されます。 代わりに各行について、3つのスパンにコンテンツを制限し、その制限に達すると新しい行を作成したいと思います。どのように私はこれを最も実装することができますか？

{% extends "base.html" %} 
{% block content %} 
<div class="container-fluid"> 
    <legend></legend> 
    <div class="row-fluid" id="main"> 
     {% for article in articles %} 
     <div class="span4"> 
      <div class="thumbnail"> 
       <a href="{{ article.url }}"><img src="http://placehold.it/300x150/483CB4"></a> 
       <div class="caption"> 
        <h4><a href="{{ article.url }}">{{ article.title }}</a></h4> 
        <p> {{ article.summary }}</p> 
       </div> 
       <legend></legend> 
       <a class="btn" href="#"><i class="icon-thumbs-up"></i></a> 
       <a class="btn" href="#"><i class="icon-thumbs-down"></i></a> 
      </div> 
     </div> 
     {% endfor %} 
    </div> 
</div> 
{% endblock %} 

目標：

<div class="row"> 
    <div class="span4">article[0]</div> 
    <div class="span4">article[1]</div> 
    <div class="span4">article[2]</div> 
</div> 
<div class="row"> 
    <div class="span4">article[3]</div> 
    <div class="span4">article[4]</div> 
    <div class="span4">article[5]</div> 
</div> 

Answer 1

これを行うための最善の方法は、3のグループにリストを分割するbatch filterに建設を使用することです：

{% for article_row in articles | batch(3, ' ') %} 
<div class="row"> 
    {% for article in article_row %} 
    <div class="span4">{{ article }}</div> 
    {% endfor %} 
</div> 
{% endfor %} 

Answer 2

あなたはforループ内loop.index0とloop.lastを使用することができます。ここにはfor-loop documentationがあります。

例：

{% extends "base.html" %} 
{% block content %} 
<div class="container-fluid"> 
    <legend></legend> 
    <div class="row-fluid" id="main"> 
     {% for article in articles %} 
     {% if loop.index0 % 3 == 0 %} 
     <div class="row"> 
     {% endif %} 
      <div class="span4"> 
       ... 
      </div> 
     {% if loop.index0 % 3 == 2 or loop.last %} 
     </div> 
     {% endif %} 
     {% endfor %} 
    </div> 
</div> 
{% endblock %} 

loop.last句は、3つの未満の項目があった場合でも、最後の行を閉じなければなりません。 <div>は、loop.index0が残りの部分に0を与え、残りが2のときに終了する必要があります。

もう1つの方法は、項目をテンプレートに渡す前に行をグループ化することです。もう片方。