Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Alert States

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-COLOR) for basic colored alert messages.

Primary! Better check yourself, you're not looking too good.
Secondary! Better check yourself, you're not looking too good.
Success! Better check yourself, you're not looking too good.
Danger! Better check yourself, you're not looking too good.
Info! Better check yourself, you're not looking too good.
Warning! Better check yourself, you're not looking too good.
Light! Better check yourself, you're not looking too good.
Dark! Better check yourself, you're not looking too good.

Closable Alert

Custom Alert