Page Navigation:

Alerts


Default

Primary alert!
Secondary alert!
Success alert!
Danger alert!
Warning alert!
Info alert!
Dark alert!

Link color

Primary alert with example link.
Secondary alert with example link.
Success alert with example link.
Danger alert with example link.
Warning alert with example link.
Info alert with example link.
Dark alert with example link.

Icons

Success alert with icon
Danger alert with icon
Warning alert with icon
Info alert with icon

Additional content

Success!

You have accomplished your goal.

You can now continue and start defining a new goal to reach.

Danger!

Something is wrong. Please try again.

Make sure that you enter the correct user name and corresponding password.

Warning!

Be careful when you drive.

Driving is a serious task and should thus be taken seriously.

Info!

Please read the provided information.

The information will help you get a better understanding of the topic.

Dismissing

Success! This alert will fade away when clicking the × button.