Callout

A callout is component which is used to highlight important content for the user.

<!--Primary-->
     <div class="alert alert-primary">
        <i class="fa fa-lightbulb-o"></i> This is the most important callout.
    </div>

<!--Success-->
    <div class="alert alert-success">
        <i class="fa fa-check" aria-hidden="true"></i> Everything seems to be okay now.
    </div>

<!--Info-->
    <div class="alert alert-info">
        <i class="fa fa-lightbulb-o"></i> This is to inform you about nothing.
    </div>

<!--Warning-->
    <div class="alert alert-warning">
       <i class="fa fa-exclamation-circle" aria-hidden="true"></i>Something terrible is going to happen.
    </div>

<!--Danger-->
    <div class="alert alert-danger">
        <i class="fa fa-exclamation-triangle" aria-hidden="true"></i> The house is on fire.
    </div>