Default

Alerts are available for any length of text, as well as an optional dismiss button. Add .alert.alert-{color} classes for alert with all theme colors.

Title

Add a title to the alert with the .alert-heading

Colors

Alerts are available for any length of text, as well as an optional dismiss button. Add .alert.alert-{color} classes for alert with all theme colors.

Closable Alerts

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.

Icon

Alert With Icon

Example

An example would be to have an input and when a condition is met, show the alert. use class .alert-validation for your input and class .alert-validation-msg with your alert.