没有消息时，Bootstrap Alert div保持不变

Question

我的网站上有一个错误消息提醒栏，我试图只在有消息要显示时显示，因为即使没有消息，它仍然存在。有谁知道怎么做？

这是我的提醒..

<div class="alert alert-success">
    {% with messages = get_flashed_messages() %}
      {% if messages %}
        <ul>
        {% for message in messages %}
            <li>{{ message }} </li>
        {% endfor %}
        </ul>
      {% endif %}
    {% endwith %}
    {% block content %}{% endblock %}
</div>

Answer 1

将您的条件包含在alert div下，例如：

{% with messages = get_flashed_messages() %}
{% if messages %}

<div class="alert alert-success">
    <ul>
        {% for message in messages %}
        <li>{{ message }} </li>
        {% endfor %}
    </ul>
</div>

{% endif %}
{% endwith %}
{% block content %}{% endblock %}

希望这有帮助！