<div class="row">
<div class="col-sm-12 text-center">
<h4 class="uppercase mb16">Multipurpose Alerts</h4>

<p class="lead mb64">Using standard Bootstrap syntax, these alerts are all dismissible.</p>
</div>
</div>
<!--end of row-->

<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="alert alert-success alert-dismissible" role="alert"><button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button><strong>Hooray!</strong> That action was a complete success</div>

<div class="alert alert-danger alert-dismissible" role="alert"><button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button><strong>No Good!</strong> Complete failure detected, have another go</div>

<div class="alert alert-warning alert-dismissible" role="alert"><button aria-label="Close" class="close" data-dismiss="alert" type="button"><span aria-hidden="true">×</span></button><strong>Uhoh!</strong> Better check yourself, you're not looking too good.</div>
</div>
</div>
