<div class="alert alert-warning alert-dismissible fade show" role="alert">
    <strong>Usuario o contraseña incorrecta!</strong>
    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

(06-27-2023): ¿Me pueden explicar parte de esta clase en concreto, por favor? el video lleva caído al rededor de unos 15 días y no he podido acceder, creo que por eso hay cosillas que no he dado cómo solucinar, agradezco muhco de su ayuda :D

Hola, Despues de un tiempo largo evidencie que cuando creamos los productos en la funcion index hay una parte en el diccionario que se llama de la siguiente manera:

'message': 'Lista de productos'

por lo que no genera la visualización de la alerta por que en los archivos html los estamos llamando como message y creo que eso genera un revuelto por eso.

y para solucionarlo y poder seguir lo que dice el video hice lo siguiente:

'mensaje': 'Lista de productos'

y en el archivo index las que hayan guardado con message las cambian por mensaje.

Les comparto como lo pude solcuinar en el LOGIN y en el INDEX

    {% if messages %}
            {% for message in messages %}
                {% if message.tags == 'success' %}
                    <div class="alert alert-success">
                        {{ message }}
                    </div>
                {% else %}
                    <div class="alert alert-danger alert-dismissible fade show">
                        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                        {{ message }}
                    </div>
                {% endif %}
            {% endfor %}
        {% endif %}

    {% if messages %}
            {% for message in messages %}
                   {% if message.tags == 'success' %}
                         <div class="alert alert-success alert-dismissible fade show" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                                  {{ message }}
                         </div>
                       {% else %}
                         <div class="alert alert-success" role="alert">
                                  {{ message }}
                         </div>
                  {% endif %}
            {% endfor %}
    {% endif %}

<div class="alert alert-warning alert-dismissable">
   {{message}}
   <button type="button" class="close" data-dismiss="alert">&times;</button>

</div>