Alerts
Warning
Are you sure you want to delete 20 items
Alert
Are you sure you want to end current services
Success
Sent successfully
Processing
Your process currently in progress
Default alerts
Add class="alert alert-primary|secondary|success|info|warning|danger" use one of the required class.
Primary alert—At vero eos et accusamus praesentium!
Secondary alert—At vero eos et accusamus praesentium!
Success alert—At vero eos et accusamus praesentium!
Info alert—At vero eos et accusamus praesentium!
Warning alert—At vero eos et accusamus praesentium!
Danger alert—At vero eos et accusamus praesentium!
Links in alerts
Add .alert-link class to quickly provide matching colored links within any alert
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.
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 icon
Add .alert-icon class.
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.
Alert with avatar
Add .alert-avatar class.
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
Add .alert-avatar class.
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
Add .alert-dismissible class.
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 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.
