Flask-使用引导程序在Div中闪烁消息

Question

我有一个物品字典。我正在尝试使用Bootstrap Card Deck和Flash

在页面上显示它们

但是当我尝试这样做时。我得到以下结果。

这是我的HTML上的代码：

{% extends "base.html" %} {% block title %}Specialized | Store{% endblock %} {% block content %}
<div class="container">

    <div class="card-deck">

        {% for message in get_flashed_messages()%}
        <div class="card">
        <img src="/static/framesThumb/framesets/1.jpg" class="card-img-top" alt="...">
            <div class="card-body">
                <h5>{{ message }}</h5>
            </div>
        </div>

        {% endfor %}

    </div>

</div>
{% endblock %}

这是我在Python中的代码

@app.route('/store')
def store():

    itemKeys = list( test["products"].keys() )

    for key in itemKeys:
        subCatLens = len(test["products"][key])
        for i in range(subCatLens):
            item = test["products"][key][i]

            payload = item[1]
            flash(payload)


    return render_template('store.html')

但是，如果我从<div class="card">中删除该类，则会得到更好的结果，而不是我期望的结果，这似乎是在刷新消息时Bootstrap无法正常工作。

我也尝试使用Markup，但这并没有什么好处或不同。

此外，我还检查了Bootstrap是否已加载。 而且我没有任何自定义CSS代码。当前全部使用Bootstrap 4.3.1

这是我的预期结果（这是使用引导卡套）

这是我从中提取数据的字典的一个示例。 Frameset/Saddle/Wheels/Helmet : [ [id, title, price, shortdec, longdec, thumbnail, longpic1, longpic2, longpic3, quantity] ]

有什么想法吗？