Los últimos tutoriales de desarrollo web
 

Bootstrap Alerta JS


Alerta JS (alert.js)

El plug-in de alerta incluyen opciones y métodos para cerrar los mensajes de alerta.

Para ver un tutorial sobre las alertas, lea nuestra Alertas Tutorial Bootstrap .


Las clases Alerta Plugin

Clase Descripción Ejemplo
.alert Crea un cuadro de mensaje de alerta Intentalo
.alert-success Indica una acción exitosa o positivo Intentalo
.alert-info botón contextual de los mensajes de alerta informativos Intentalo
.alert-warning Indica que se debe tener cuidado con esta acción Intentalo
.alert-danger Indica una acción peligrosa o potencialmente negativo Intentalo
.close Estilos del botón de cierre para el mensaje de alerta (flota derecha con un tipo de letra de tamaño especificado, el color, etc.) Intentalo

Cerrar alertas a través de data-* Atributos

Añadir data-dismiss="alert" a un enlace o un elemento de botón para cerrar el mensaje de alerta.

Ejemplo

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
Inténtalo tú mismo "

Cerrar alertas a través de JavaScript

Cerrar manualmente con:

Ejemplo

$('.close').alert();
Inténtalo tú mismo "

Opciones de alerta

None

Métodos de alerta

En la siguiente tabla se enumeran todos los métodos de alerta disponibles.

Método Descripción Intentalo
.alert("close") Cierra el mensaje de alerta Intentalo

Eventos de alerta

En la siguiente tabla se enumeran todos los eventos de alerta disponibles.

Evento Descripción Intentalo
close.bs.alert Se produce cuando el mensaje de alerta está a punto de ser cerrado Intentalo
closed.bs.alert Se produce cuando el mensaje de alerta se ha cerrado Intentalo