Gyoumagazine
- ¿Cómo uso la notificación de bootstrap??
- ¿Qué son las alertas de arranque??
- ¿Cómo se brinda con bootstrap??
- ¿Cómo hago para que las notificaciones desaparezcan automáticamente??
- ¿Cómo configuro un mensaje de alerta??
¿Cómo uso la notificación de bootstrap??
Ejemplo de cómo utilizar los métodos
var notificar = $. notificar('<fuerte>Ahorro</fuerte> No cierres esta página...', allow_dismiss: false, showProgressbar: true); setTimeout (function () notificar. actualizar ('tipo': 'éxito', 'mensaje': '<fuerte>Éxito</fuerte> Tu página ha sido guardada! ',' progreso ': 25); , 4500);
¿Qué son las alertas de arranque??
Bootstrap proporciona una manera fácil de crear mensajes de alerta predefinidos: × Éxito! Este cuadro de alerta indica una acción exitosa o positiva.
¿Cómo se brinda con bootstrap??
Para configurar las opciones de brindis a través de atributos de datos, simplemente agregue el nombre de la opción a data-, como data-autohide = "false", data-delay = "3000", etc. Aplicar una transición de desvanecimiento CSS al brindis. Ocultar automáticamente el brindis. Retraso ocultando la tostada (ms).
¿Cómo hago para que las notificaciones desaparezcan automáticamente??
Alertas de cierre
Para cerrar el mensaje de alerta, agregue un . clase de alerta descartable al contenedor de alerta. Luego, agregue y data-despedir = "alerta" a un enlace o un elemento de botón (cuando haga clic en este, el cuadro de alerta desaparecerá).
¿Cómo configuro un mensaje de alerta??
Si desea poder cerrar el mensaje de alerta, agregue un <lapso> elemento con un atributo onclick que dice "cuando haces clic en mí, oculto mi elemento principal", que es el contenedor <div> (clase = "alerta"). Sugerencia: utilice la entidad HTML " &veces; "para crear la letra" x ".
