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以外的产品更好吗?我希望它是负责任的