Alerts
Default alerts
Default alert—At vero eos et accusamus praesentium!
Primary alert—At vero eos et accusamus praesentium!
Secondary alert—At vero eos et accusamus praesentium!
Success alert—At vero eos et accusamus praesentium!
Warning alert—At vero eos et accusamus praesentium!
Info alert—At vero eos et accusamus praesentium!
Danger alert—At vero eos et accusamus praesentium!
Light alert—At vero eos et accusamus praesentium!
Dark alert—At vero eos et accusamus praesentium!
Links in alerts
Well done! You successfully read this important alert message.
Well done! You successfully read this important alert message.
Well done! You successfully read this important alert message.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well Done! You successfully read this important alert message.
Well Done! You successfully read this important alert message.
Alert with icon
Add .alert-icon
class.
Well done! You have 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.
Alert with avatar
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Alerts With Icons
Default! This is a warning alert—check it out that has an icon too!
Primary! This is a warning alert—check it out that has an icon too!
Success! This is a warning alert—check it out that has an icon too!
Info! This is a warning alert—check it out that has an icon too!
Warning! This is a warning alert—check it out that has an icon too!
Danger! This is a warning alert—check it out that has an icon too!
Alerts With Icons Dismissing
Default! This is a default alert—check it out!
Primary! This is a primary alert—check it out!
Success! This is a success alert—check it out!
Warning! This is a warning alert—check it out!
Info! This is a info alert—check it out!
Danger! This is a danger alert—check it out!
Alerts Popovers
Alerts style
Success Message
You successfully read this important alert message.
Info Message
This alert needs your attention, but it's not super important.
Warning Message
Best check yo self, you're not looking too good
Danger Message
Change a few things up and try submitting again.