Flask-使用HTML类闪烁

Question

我有一个物品清单。所以说起来很简单

[id, title, picturePath]

我正在尝试使用from Flask import Markup来刷新Bootstrap Card Deck。

这是我的代码，用于将卡刷出。

payload = Markup(f"<div class='card'>
                    <div class='card-body'>
                     <img src='{item[2]}' class='card-img-top'>
                     <h5 class='card-title'>{item[1]}</h5>
                     <p class='card-text'>asd</p>
                    </div>
                   </div>")
flash(payload)

这是使用Jinja2在HTML页面中的代码

<div class="container">

    <div class="card-deck">
        <div class="flashes">
        {% for message in get_flashed_messages()%}
            {{ message|safe }}
        {% endfor %}
        </div>
    </div>

</div>

然后...这是我得到的结果：

但是，我的预期结果是：

只需将html元素放入html代码中即可完成预期的结果。它应该位于3x3网格中。

似乎使用Markup闪烁了这些东西导致它失去了html类，或者我猜...格式？不确定。但是，有人知道吗？