Alert - Alerts
Basic Alerts
Bootstrap contextual alert messages
A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
Alerts with Icons
Alerts enhanced with FontAwesome icons
Dismissible Alerts
Alerts that can be closed by user
Successfully submitted your form!
Failed to process your request.
Your session will expire in 5 minutes.
A new version is available.
Alerts with Links
Alerts containing clickable links
A simple primary alert withan example link. Click it if you like.
A simple success alert withan example link. Click it if you like.
A simple danger alert withan example link. Click it if you like.
A simple warning alert withan example link. Click it if you like.
A simple info alert withan example link. Click it if you like.
Additional Content
Alerts with heading and description
Well done!
You successfully completed the registration process. Your account is now active and ready to use.
Error Occurred!
We encountered an issue while processing your request. Please check the following:
- Verify your internet connection
- Check if all required fields are filled
- Try again after a few minutes
Heads up!
This alert needs your attention, but it's not critical.
Theme Colors
Alerts with theme soft colors
This is a blue themed alert message.
This is a purple themed alert message.
This is a teal themed alert message.
This is an orange themed alert message.
This is a green themed alert message.
This is a red themed alert message.
Outline Alerts
Alerts with border outline style
This is a primary outline alert.
This is a success outline alert.
This is a danger outline alert.
This is a warning outline alert.
This is an info outline alert.
Solid Alerts
Alerts with solid background color
This is a primary solid alert.
This is a success solid alert.
This is a danger solid alert.
This is a warning solid alert.
This is an info solid alert.
Rounded Alerts
Alerts with rounded corners
This is a rounded success alert.
This is a rounded danger alert.
This is a rounded warning alert.
This is a rounded info alert.
Left Border Alerts
Alerts with left border accent
Success! Your action was completed.
Error! Something went wrong.
Warning! Please check your input.
Info: Here is some information.
Notice: You have new updates.
Alerts with Actions
Alerts containing action buttons
Your subscription will expire in 3 days.
A new software update is available.
Your profile has been verified!
Payment failed. Please update payment method.
