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

Live Example

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.

Additional content

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