<div class="alert alert-info" role="alert">
<strong>Heads up!</strong> This alert needs your attention, but
<a href="#" class="alert-link">it's not super important </a>.
</div>
<div class="alert alert-success" role="alert">
<strong>Well done!</strong> You successfully read this
<a href="#" class="alert-link">important alert message</a>.
</div>
<div class="alert alert-warning" role="alert">
<strong>Warning!</strong> Better check yourself, you're
<a href="#" class="alert-link">not looking too good</a>.
</div>
<div class="alert alert-danger" role="alert">
<strong>Oh snap!</strong> Change a few things up and
<a href="#" class="alert-link">try submitting again</a>.
</div>