Alerte Bootstrap JS
Alerte JS (alert.js)
Le plugin d'alerte inclut des options et des méthodes pour fermer les messages d'alerte.
Pour un didacticiel sur les alertes, lisez notre didacticiel Bootstrap Alerts .
Les classes du plugin d'alerte
Class | Description | Example |
---|---|---|
.alert | Creates an alert message box | |
.alert-danger | Red alert. Indicates a dangerous or potentially negative action | |
.alert-dismissible | Indicates a closable alert box. Together with the .close class, this class is used to close the alert (adds extra padding) |
|
.alert-info | Light-blue alert.Indicates a neutral informative change or action | |
.alert-link | Used on links inside alerts to provide matching colored links | |
.alert-success | Green alert. Indicates a successful or positive action | |
.alert-warning | Yellow alert. Indicates caution should be taken with this action | |
.close | Styles the close button for the alert message (floats right with a specified font-size, color, etc.) |
Fermer les alertes via les données-* Attributs
Ajoutez data-dismiss="alert"
à un lien ou un élément de bouton pour fermer le message d'alerte.
Exemple
<a href="#" class="close" data-dismiss="alert"
aria-label="close">×</a>
Fermer les alertes via JavaScript
Fermez manuellement avec :
Exemple
$('.close').alert();
Options d'alerte
None |
Méthodes d'alerte
Le tableau suivant répertorie toutes les méthodes d'alerte disponibles.
Method | Description | Try it |
---|---|---|
.alert("close") | Closes the alert message |
Événements d'alerte
Le tableau suivant répertorie tous les événements d'alerte disponibles.
Event | Description | Try it |
---|---|---|
close.bs.alert | Occurs when the alert message is about to be closed | |
closed.bs.alert | Occurs when the alert message has been closed |