Django 在引导列中显示数据库中的文章

Django 在引导列中显示数据库中的文章,django,twitter-bootstrap,django-templates,Django,Twitter Bootstrap,Django Templates,我有一个大型的文章数据库,我想在引导行中显示它们(每行3篇文章): 所有新闻 {文章%中的文章为%s} {{article.description} {%endfor%} 问题是行是在for语句之外创建的,因此每一篇文章都被压缩到一个行(当每个行应该有3篇文章时)。是否有方法循环执行for语句,将3篇文章放在一行中,关闭该行,然后开始新的一行 您可以尝试使用forloop.counter的值每三次迭代更改一次行为 <div class="container"> <h

我有一个大型的文章数据库,我想在引导
行中显示它们(每行3篇文章):


所有新闻
{文章%中的文章为%s}

{{article.description}

{%endfor%}

问题是
是在
for
语句之外创建的,因此每一篇文章都被压缩到一个
(当每个
行应该有3篇文章时)。是否有方法循环执行
for
语句,将3篇文章放在一行中,关闭该行,然后开始新的一行

您可以尝试使用
forloop.counter
的值每三次迭代更改一次行为

<div class="container">
    <h1 class="mt-4 mb-4 text-center display-4">All News </h1>
    <div class="row">
        {% for article in articles %}
            {% if forloop.counter|divisibleby:3 %}
                <div class="row">
            {% endif %}
            <div class="col-md">
                <div class="card">
                    <h2 class="pt-2"><a href="#">{{ article.title }}</a></h2>
                    <p class="lead"> {{ article.description }}</p>
                </div>
            </div>
            {% if forloop.counter|divisibleby:3 %}
                </div>
            {% endif %}
        {% endfor %}
    </div>
</div>

所有新闻
{文章%中的文章为%s}
{%if-forloop.counter | divisibleby:3%}
{%endif%}

{{article.description}

{%if-forloop.counter | divisibleby:3%} {%endif%} {%endfor%}
这是bootstrap4吗?在bootstap3中,您将执行
,在md和更大尺寸的屏幕上,将执行12列中的4列。我想在Bootstrap4中也可以这样做
<div class="container">
    <h1 class="mt-4 mb-4 text-center display-4">All News </h1>
    <div class="row">
        {% for article in articles %}
            {% if forloop.counter|divisibleby:3 %}
                <div class="row">
            {% endif %}
            <div class="col-md">
                <div class="card">
                    <h2 class="pt-2"><a href="#">{{ article.title }}</a></h2>
                    <p class="lead"> {{ article.description }}</p>
                </div>
            </div>
            {% if forloop.counter|divisibleby:3 %}
                </div>
            {% endif %}
        {% endfor %}
    </div>
</div>