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 requiredcontextual classes (e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.

Link color

Use the .alert-linkutility class to quickly provide matching colored links within any alert.

Dismissing

Add a dismiss button and the .alert-dismissibleclass, which adds extra padding to the right of the alert and positions the .closebutton.

With Icon

Custom Background Alert

Use .bg-*, .text-whiteclasses.

Custom Outline Alert

Use .bg-white, .border, .border-*classes.

Additional content

Alerts can also contain additional HTML elements like headings and paragraphs.