<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="page-alerts">
<div class="alert alert-success page-alert" id="alert-1">
<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Well done!</strong> You successfully read this important alert message.
</div>
<div class="alert alert-info page-alert" id="alert-2">
<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
</div>
<div class="alert alert-warning page-alert" id="alert-3">
<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Warning!</strong> Best check yo self, you're not looking too good.
</div>
<div class="alert alert-danger page-alert" id="alert-4">
<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>
<div class="alert alert-success page-alert" id="alert-5">
<button type="button" class="close"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<strong>Cool!</strong> This alert will close in 3 seconds. The data-delay attribute is in milliseconds.
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Page Alerts</h2>
<hr>
<p>Click a button to show an alert.<br><br>Made with <i class="fa fa-fw fa-heart text-danger"></i> by ·
<a class="btn btn-primary btn-xs" href="http://twitter.com/AlexMahrt" target="_blank"><i class="fa fa-fw fa-twitter"></i> @AlexMahrt</a><br><br></p>
<hr>
<div class="row">
<div class="col-md-2"><button data-toggle="page-alert" data-toggle-id="1" class="btn btn-success btn-block">Show success</button></div>