Alerts

Alert Messages

Alerts are available for any length of text, as well as an optional dismiss button.

Success: You successfully read this important alert message.
Info: This alert needs your attention, but it's not super important.
Warning: Best check yo self, you're not looking too good.
Danger: Change this and that and try again. Ignore Take this action
Transparent Alerts

Transparent alerts are also available by adding .alert-transparent class.

Success: You successfully read this important alert message.
Info: This alert needs your attention, but it's not super important. Ignore Take this action
Warning: Best check yo self, you're not looking too good.
Danger: Change this and that and try again.
Rounded Alerts

Rounded alerts are available by adding .alert-rounded class.

Success: You successfully read this important alert message.
Info: This alert needs your attention, but it's not super important. Ignore Take this action
Warning: Best check yo self, you're not looking too good.
Danger: Change this and that and try again.
Additional Content

Alerts can also contain additional HTML elements like headings, paragraphs and dividers.