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 .close button.

You can also change the icon used for the close buton on the alerts

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.