Alerts Alert info boxes for various scenarios.


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">
    <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>