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

The Markup

<div class="alert alert-dismissable" role="alert">
    <button data-dismiss-target=".alert" class="close">x</button>
    <h4>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>