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