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>