首页 > 解决方案 > Jinja 模板,如何通过循环将 html 嵌套到容器中?

问题描述

所以我想要行,并且在每个行容器内将有三个容器元素。我试图循环遍历每个 mod 3,它会创建一个新的行容器,但是我如何使每个后续容器都嵌套在行容器内?

以下是我尝试使用的东西,但没有奏效。

{% for post in posts %}
 {% if loop.index0 % 3 == 0 %}
   <div class="container-fluid">
 {% endif %}

<div> ... </div>
{% endfor %}

标签: pythonjinja2

解决方案


像这样的东西会起作用吗?

<div class="container-fluid">
{% for post in posts %}
    {% if loop.index0 % 3 == 2 %}
        </div>
        <div class="container-fluid">
    {% endif %}
    <div> ... </div>
{% endfor %}
</div>

推荐阅读