Alertas


Bootstrap 4 proporciona una manera fácil de crear mensajes de alerta predefinidos.
Las alertas se crean con la clase .alert, seguidas de clases de colores contextuales:


¡Éxito! Este cuadro de alerta podría indicar una acción correcta o positiva.
¡Info! Este cuadro de alerta podría indicar un cambio o una acción informativa neutral.
¡Advertencia! Este cuadro de alerta podría indicar una advertencia que podría necesitar atención.
¡Peligro! Este cuadro de alerta podría indicar una acción peligrosa o potencialmente negativa.
¡Primario! Indica una acción importante.
¡Secundario! Indica una acción ligeramente menos importante.
¡Oscuro! Alerta gris oscuro.
¡Luz! Alerta gris claro.

Enlaces de alerta


Agregue la alert-linkclase a cualquier enlace dentro del cuadro de alerta para crear "enlaces de colores coincidentes":


¡Éxito! Deberías leer este mensaje.
Info! Deberías leer este mensaje .
¡Advertencia! Deberías leer este mensaje .
¡Peligro! Deberíasleer este mensaje .
¡Primario! Deberíasleer este mensaje .
¡Secundario! Deberíasleer este mensaje .
¡Oscuro! Deberías leer este mensaje .
¡Luz! Deberías leer este mensaje .

Alertas de cierre


El botón con class = "close" y data-dispats = "alert" se usa para cerrar el cuadro de alerta.

La clase de alerta descartable agrega algo de relleno adicional al botón de cierre.


¡Éxito! Este cuadro de alerta podría indicar una acción exitosa o positiva.
Info! Este cuadro de alerta podría indicar un cambio o acción informativa neutral.
¡Advertencia! Este cuadro de alerta podría indicar una advertencia que podría necesitar atención.
¡Peligro!Este cuadro de alerta podría indicar una acción peligrosa o potencialmente negativa.
¡Primario! Indica una acción importante.
¡Secundario! Indica una acción un poco menos importante.
¡Oscuro! Alerta gris oscuro.
¡Luz! Alerta gris claro.