Alerts
Default Notifications Alerts
Alerts as an optional dismiss button. For proper styling, use one
of the four required contextual classes (e.g., .alert-success). For inline
dismissal, use the alerts jQuery plugin.
Link color
Alerts as an optional dismiss button. Use the .alert-link utility class to
quickly provide matching colored links within any alert.
Dismissing
Add a dismiss button and the .alert-dismissible class, which adds extra padding
to the right of the alert and positions the .btn-close button.
With Icon
Add a dismiss button and the .alert-dismissible class, which adds extra padding
to the right of the alert and positions the .btn-close button & with Icon.
Live Example Notifications Alerts
Click the button below to show an alert (hidden with inline styles to start), then dismiss (and destroy) it with the built-in close button.
Toastr Alerts
Example Code