Alerts

		
<h3 class="sc-sub-title">Alerts</h3>
<div class="alert alert-success"><strong>Well done!</strong> You successfully read this important alert message.</div>
<div class="alert alert-info"><strong>Heads up!</strong> This alert needs your attention, but it's not super important </div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're not looking too good.</div>
<div class="alert alert-danger"><strong>Oh snap!</strong> Change a few things up and try submitting again.</div>
<h3 class="sc-sub-title">Dismissible alerts</h3>
<div class="alert alert-success">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important
</div>
<div class="alert alert-warning">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>
<div class="alert alert-danger">
<button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<h3 class="sc-sub-title">Links in alerts</h3>
<div class="alert alert-success"><strong>Well done!</strong> You successfully read <a href="#" class="alert-link">this important alert message</a>.</div>
<div class="alert alert-info"><a href="#" class="alert-link"><strong>Heads up!</strong> This <a href="#" class="alert-link">alert needs your attention</a>, but it's not super important</div>
<div class="alert alert-warning"><strong>Warning!</strong> Better check yourself, you're <a href="#" class="alert-link">not looking too good.</a></div>
<div class="alert alert-danger"><strong>Oh snap!</strong> <a href="#" class="alert-link">Change a few things up</a> and try submitting again.</div>