Jinja2 奇怪的模板行为

Question

我正在使用引导 CSS 并尝试在两个并排的 div 中添加内容。问题是我将所有内容都放入一个 div 中，交错排列。

{% if pred_ext != None %}
<div class="col-md-3">
    <h3>Both Teams to Score</h3>
    <h3>{{ pred_ext["BTTS"] }}</h3>
    <h3>{{ pred_ext["noBTTS"] }}</h3>
</div>
{% endif %}

{% if pred_ext != None %}
<div class="col-md-9">
    <h3>Both Over 2.5</h3>
    <h3>{{ pred_ext["over25"] }}</h3>
    <h3>{{ pred_ext["under25"] }}</h3>
</div>
{% endif %}

所有内容都以col-md-9 div 结尾。它看起来像：

Both Teams to Score
Both Over 2.5
1.9
2.0
1.2
3.8

Answer 1

我没有关闭 <table> 标记。当我修复它时，它的行为正常。