Bootstrap JS Alert
JS Alert (alert.js)
The alert plugin include options and methods to close alert messages.
For a tutorial about Alerts, read our Bootstrap Alerts Tutorial.
The Alert Plugin Classes
Class | Description | Example |
---|---|---|
.alert | Creates an alert message box | Try it |
.alert-success | Indicates a successful or positive action | Try it |
.alert-info | Contextual button for informational alert messages | Try it |
.alert-warning | Indicates caution should be taken with this action | Try it |
.alert-danger | Indicates a dangerous or potentially negative action | Try it |
.close | Styles the close button for the alert message (floats right with a specified font-size, color, etc.) | Try it |
Close Alerts Via data-* Attributes
Add data-dismiss="alert"
to a link or a button element to close the
alert message.
Example
<a href="#" class="close" data-dismiss="alert"
aria-label="close">×</a>
Try it Yourself »
Close Alerts Via JavaScript
Close manually with:
Alert Options
None |
Alert Methods
The following table lists all available alert methods.
Method | Description | Try it |
---|---|---|
.alert("close") | Closes the alert message | Try it |
Alert Events
The following table lists all available alert events.
Event | Description | Try it |
---|---|---|
close.bs.alert | Occurs when the alert message is about to be closed | Try it |
closed.bs.alert | Occurs when the alert message has been closed | Try it |