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
Lorem ipsum dolor sit amet
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.
Primary
Secondary
Success
Danger
Warning
Info
Dark
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.