Django forループを4回繰り返すごとに修正します

Question

私はDjangoによって生成され、ブートストラップでスタイルされたカレンダーを持っています。

<div class="content"> 
    {% for month in period.get_months %} 
    <div class="col-md-3"> 
     <div class="row row-centered"> 
     <button class="btn btn-custom active" href="{% url "month_calendar" calendar.slug %}{% querystring_for_date month.start 2 %}">{{month.name}}</button> 
     </div> 
     <div> 
     {% month_table calendar month "small" %} 
     </div> 
    </div> 
    {% endfor %} 
</div> 

ヶ月は週の数が異なるため、彼らは異なる高さを持って、私はこのような何かを避けたい、今すぐ：

を私はthis answerから理解 ここでDjangoテンプレートのコードがあります最高の解決策はclearfixを使用することです。

Djangoが余分な行を挿入するように、テンプレート内のforループを変更するにはどうすればよいですか？<div class="clearfix"></div> 4つのアイテムごとに？

Answer 1

ループストア用のDjangoテンプレートの現在のインデックスforloop.counter変数。これについてはdocsで読むことができます。ですから、このようにあなたのコードを変更しようとすることができます

<div class="content"> 
    {% for month in period.get_months %} 
    <div class="col-md-3"> 
     <div class="row row-centered"> 
     <button class="btn btn-custom active" href="{% url "month_calendar" calendar.slug %}{% querystring_for_date month.start 2 %}">{{month.name}}</button> 
     </div> 
     <div> 
     {% month_table calendar month "small" %} 
     </div> 
    </div> 
    {% if forloop.counter|divisibleby:4 %} 
     <div class="clearfix"></div> 
    {% endif %} 
    {% endfor %} 
</div>