Colors

Basic Example Wrap any text and an optional dismiss button in '.alert' and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

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.

Dismissing Alerts have dismiss option. Enabling it will show close button to the right of the alert.

{{ alert.msg }}

Dynamic html Sometimes you will need to show dynamically generated html in alerts, here is how you can make it. And don't forget to sanitize your html.