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.