Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Animated Alerts
×
Primary - A simple primary alert—check it out!
×
Secondary - A simple primary alert—check it out!
×
Success - A simple primary alert—check it out!
×
Error - A simple primary alert—check it out!
×
Warning - A simple primary alert—check it out!
Custom Alerts
Display alert with transparent background and with contextual text color. Use classes
.bg-white, and .text-*. E.g. bg-white text-primary.
This is a primary alert—check it out!
Display alert with filled background. Use classes
.bg-*, and .text-white. E.g. bg-success text-white.
This is a success alert - check it out!
This is a danger alert - check it out!
This is a warning alert - check it out!
This is a info alert - check it out!