html - 没有消息时，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 %}

希望这对您有所帮助!