Alerts
Alert boxes color messages by context. There is a class for every color.
Live demo
This is a primary alert.
This is a secondary alert.
The operation completed successfully.
Something went wrong.
Warning: this field is required!
An informational message.
A light alert.
A dark alert.
Code
<div class="alert alert-success">
The operation completed successfully.
</div>
<div class="alert alert-danger">
Something went wrong.
</div>Tip: when using a link inside an alert, add a dedicated underlined link class yourself.