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 .close button.
With Icon
Custom Background Alert
Use .bg-*, .text-white classes.
Custom Outline Alert
Use .bg-white, .border, .border-* classes.
Additional content
Alerts can also contain additional HTML elements like headings and paragraphs.