<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="bunch">
<h1> Alerts Example</h1>
</div>
<div class="alert alert-success">
<a href="#" class="close" data-dismiss="alert" aria-label="close"> ×</a>
Submit successfully!
</div>
<div class="alert alert-info">
<a href="#" class="close" data-dismiss="alert" aria-label="close"> ×</a>
For more updates visit our offical forum.
</div>
<div class="alert alert-danger">
<a href="#" class="close" data-dismiss="alert" aria-label="close"> ×</a>
Error
</div>
<div class="alert alert-warning">
<a href="#" class="close" data-dismiss="alert" aria-label="close"> ×</a>
Don't use caps keys.
</div>
<p id="personal-info"> By Zeenat Khan </p>
</div>
