Default Alerts
Alerts are available for any length of
text, as well 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
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
Alert Border Examples
Add alert-border class for Alert Border Examples and add alert-border-* color classes for border color variant
Alert Examples
Success
A simple success alert
Error
A simple danger alert
Warning
A simple warning alert
Info
A simple Info alert