Bootstrap 4 Alerts — All Examples
1. Basic Alerts
Success! Indicates a successful or positive action.
Info! Indicates a neutral informative action.
Warning! Indicates a warning that might need attention.
Danger! Indicates a dangerous or potentially negative action.
Primary! Indicates an important action.
Secondary! Indicates a less important action.
Light! Light grey alert box.
Dark! Dark grey alert box.
3. Dismissible Alerts
Success! This alert can be closed.
Info! This alert can be closed.
Warning! This alert can be closed.
Danger! This alert can be closed.
4. Animated Fade Alerts
Animated! This alert fades out when closed.
Animated! This alert fades out when closed.