Alerts
Basic alerts
Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.
Wow! Everything worked!
Uh oh, something went wrong
I'm so sorry…
Did you know?
Alerts with icon
Build on any alert by adding an optional icon.
Wow! Everything worked!
Uh oh, something went wrong
I'm so sorry…
Did you know?
Alert with a description
Build on any alert by adding an optional .alert-dismissible and close button.
This is a custom alert box!
Your account has been saved!
This is a custom alert box!
Sorry! There was a problem with your request.
This is a custom alert box!
Something went wrong. Please try again.
This is a custom alert box!
Here is something that you might like to know.