Alerts
Alert boxes are used to bring information to a users perspective, Responsive bundles a pattern that provides a flexible layout across all viewport sizes that can easily be extended.
The dismiss functionality is added via the JavaScript Data API.
Alert Box
x
Alert block
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Phasellus vitae nibh justo. Integer a ligula vel enim ultricies mollis ut ac tortor.
The Markup
<div class="alert">
<a data-dismiss-target=".alert" href="#" class="close">x</a>
<h4 class="alert-heading">Alert block</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<p>Phasellus vitae nibh justo. Integer a ligula vel enim ultricies mollis ut ac tortor.</p>
</div>