Alert Boxes
Alerts are a handy element you can drop into a form or inline on a page to communicate success, warnings, failure or just information. They’ll conform to 100% of the container width you put them in.
This is a success alert (div.alert-box.success).×
This is an alert (div.alert-box.alert).×
This is a standard alert (div.alert-box.radius).×
This is a secondary alert (div.alert-box.secondary.round).×
Building an alert using our predefined class is super-easy, you only need a block-level element with a class of .alert-box
(we usually use a <div>
). You may also include an anchor with a class of .close
to create a close box.