Django 带for循环的网格线
所以我想要三条网格线,这样Django 带for循环的网格线,django,twitter-bootstrap,jinja2,Django,Twitter Bootstrap,Jinja2,所以我想要三条网格线,这样 当然,每条网格线都有一个内容。所以代码可能会告诉我要实现什么 {对于第%集中的所有_集,} {{all_eposion.story}片段::100} / {%endfor%} 但是通过上面的代码,我可以使卡片垂直对齐。所以一张卡占了整行,而应该有三张卡。请小心缩进。很难读懂你的代码。 您可以使用卡div添加col类,您需要将循环放入行div,但不在coldiv中 <div class="row"> {% for all_episode in epi
当然,每条网格线都有一个内容。所以代码可能会告诉我要实现什么
{对于第%集中的所有_集,}
{{all_eposion.story}片段::100}
/
{%endfor%}
但是通过上面的代码,我可以使卡片垂直对齐。所以一张卡占了整行,而应该有三张卡。请小心缩进。很难读懂你的代码。 您可以使用
卡div添加col
类,您需要将循环放入行div,但不在col
div中
<div class="row">
{% for all_episode in episode %}
<div class="col-6 col-md-4 card">
<a href="{% url 'episode_detail' slug=all_episode.slug %}">
<img class="card-img-top" src='{{all_episode.image.url}}'>
</a>
<div class="card-body">
<h5 class="card-title">
<a href="{% url 'episode_detail' slug=all_episode.slug %}">{{ all_episode.title }}</a>
</h5>
<p class="card-text">{{ all_episode.story |slice:":100" }}...</p>
</div>
<div class="card-footer">
<small class="text-muted">
<span class="h5">
<a href="{% url 'series_detail' slug=all_episode.series.slug %}">{{ all_episode.series }}</a>
</span> /
<span class="h6">
<a href="{% url 'season_detail' slug=all_episode.season.slug %}">{{ all_episode.season }}
</a>
</span>
</small>
</div>
</div>
{% endfor %}
</div>
{对于第%集中的所有_集,}
{{all_eposion.story}片段::100}
/
{%endfor%}
您是否尝试过将列声明放在循环中?@Robert是的,我尝试过将for循环放在row和col-6omgg之外非常感谢,我正要放弃。只是一件小事,我想在每张牌之间放一些马汀。你能帮我拿一下吗?不客气。别忘了接受答案。关于你的边距,你可以在你的类卡片上更新你的CSS是的,这是我做的第一件事,但是当我这样做的时候,当它是md时,它每行显示一张卡片。你可以使用填充代替边距。这将清除卡内的一个区域,而不是卡外的区域。对不起,这个基本问题,但可以使用填充:10px吗?使用px以外的产品更好吗?我希望它是负责任的