General UI
For detailed documentation of components visit
Bootstrap Components
Alert
A simple primary alert with an example link. Give it a click if you like.
A simple secondary alert with an example link. Give it a click if you like.
A simple success alert with an example link. Give it a click if you like.
A simple danger alert with an example link. Give it a click if you like.
A simple warning alert with an example link. Give it a click if you like.
A simple info alert with an example link. Give it a click if you like.
A simple light alert with an example link. Give it a click if you like.
A simple dark alert with an example link. Give it a click if you like.
Well done! You successfully read this important alert message.
Callout
I am a danger callout!
There is a problem that we need to fix. A red callout indicates a dangerous or potentially negative action.I am an info callout!
Follow the steps to continue to payment.I am a warning callout!
This is a regular notification that you should pay attention to.I am a success callout!
This is a great success message that everything is in order.Badge
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Primary Secondary Success Danger Warning Info Light Dark
Primary Secondary Success Danger Warning Info Light Dark