<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>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="alert-message alert-message-success">
<h4>
Alert Message Success</h4>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s.<strong> strong
message</strong>. <a href="http://www.jquery2dotnet.com/2013/07/cool-notification-css-style.html">
Cool Notification Css Style</a></p>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="alert-message alert-message-danger">
<h4>
Alert Message Danger</h4>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. For performance
reasons, the Tooltip and Popover data-apis are opt-in, meaning <strong>strong message</strong>.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="alert-message alert-message-warning">
<h4>
Alert Message Warning</h4>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s.<strong> strong
message</strong>.</p>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="alert-message alert-message-info">
<h4>
Alert Message Info</h4>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. For performance
reasons, the Tooltip and Popover data-apis are opt-in, meaning <strong>strong message</strong>.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="alert-message alert-message-default">
<h4>
Alert Message Default</h4>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s.<strong> strong
message</strong>.</p>
</div>
</div>
<div class="col-sm-6 col-md-6">
<div class="alert-message alert-message-notice">
<h4>
Alert Message Notice</h4>
<p>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
Ipsum has been the industry's standard dummy text ever since the 1500s.<strong> strong
message</strong>.</p>
</div>
</div>
</div>
</div>