Alert Boxes are handy elements 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.
Use the following markup to create an alert box.
<!-- Example alert -->
<div class="alert-box">
<!-- Alert content goes here -->
This is a standard alert.
<a href="#" class="close">×</a>
</div>
Depending on the context or message of your alert, you may want to use one of the following alert-boxes:
<div data-alert class="alert-box success">
This is a success alert.
<a href="#" class="close">×</a>
</div>
<div data-alert class="alert-box warning">
This is a warning alert.
<a href="#" class="close">×</a>
</div>
<div data-alert class="alert-box info">
This is an info alert.
<a href="#" class="close">×</a>
</div>
<div data-alert class="alert-box alert">
This is an "alert" - alert.
<a href="#" class="close">×</a>
</div>
The alert-boxes are also available to be colored with the default primary and secondary colors.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.