Bootstrap Tutorial

CHAPTER
41
Bootstrap Alert Plugin
Alert messages are mostly used to display information such as warning or confirmation messages to the
end users. Using alert message plugin you can add dismiss functionality to all alert messages.
If you want to include this plugin functionality individually, then you will need alert.js. Else, as mentioned in the
chapter Bootstrap Plugins Overview, you can include bootstrap.js or the minified bootstrap.min.js.
Usage
You can enable dismissal of an alert in the following two ways:
Via data attributes: To dismiss via Data API just add data-dismiss="alert" to your close button to
automatically give an alert close functionality.
×
Via JavaScript: To dismiss via JavaScript use the following syntax:
$(".alert").alert()
EXAMPLE
The following example demonstrates the use of alert plugin via data attributes.
×
Warning! There was a problem with your
network connection.
TUTORIALS POINT
Simply Easy Learning