Basic
A title and a color are enough to show the status of an action.
An error occurred!
Some information is missing!
Completed successfully!
Just a quick note!
Dismissible
Add alert-dismissible and a btn-close button to let users close the alert.
An error occurred!
Some information is missing!
Completed successfully!
Just a quick note!
With a description
Add an alert-description or an alert-list when the title alone isn't enough context.
Password does not meet requirements:
- Minimum 8 characters
- Include a special character
Some information is missing!
This is a custom alert box with a description.
Completed successfully!
This is a custom alert box with a description.
Just a quick note!
This is a custom alert box with a description.
Important
Add alert-important for a bolder style that stands out from the rest of the page.
Password does not meet requirements:
- Minimum 8 characters
- Include a special character
This is a custom alert box!
This is a custom alert box with a description.
This is a custom alert box!
This is a custom alert box with a description.
This is a custom alert box!
This is a custom alert box with a description.
An error occurred!
Link
Just a quick note!
Link
Minor
Add alert-minor for a quieter style that fits inline with other content.
Password does not meet requirements:
- Minimum 8 characters
- Include a special character
This is a custom alert box!
This is a custom alert box with a description.
This is a custom alert box!
This is a custom alert box with a description.
This is a custom alert box!
This is a custom alert box with a description.