Jinja2奇妙なテンプレートの動作

Question

私はブートストラップCSSを使用しており、2つのサイドバイサイドdivにコンテンツを追加しようとしています。問題は、すべてのコンテンツを1つの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>タグを閉じませんでした。私はそれが適切に動作することを固定しました。