每四次迭代修改 Django for 循环

Question

我有一个由 Django 生成并使用 Bootstrap 进行样式设置的日历。 这是 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 了解到，最好的解决方案是使用clearfix。

那么，如何修改模板中的 for 循环，以便 Django 每四个项目插入一个额外的行 <div class="clearfix"></div>？

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>