Twitter Bootstrap - JS Alerts

tw-bootstrat-alerts.html

<!--Yellow block-->
<div class="alert fade in">
     <button class="close" data-dismiss="alert">&times;</button>
     <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good.
</div>
<!--Green block-->
<div class="alert alert-success fade in">
	<button class="close" data-dismiss="alert">&times;</button>
	<strong>User1</strong> send you message
</div>

<!--Blue block-->
<div class="alert alert-info fade in">
	<button class="close" data-dismiss="alert">&times;</button>
	<strong>User1</strong> send you message
</div>

<!--Red block-->
<div class="alert alert-block alert-error fade in">
    <button class="close" data-dismiss="alert">&times;</button>
    <h4 class="alert-heading">Oh snap! You got an error!</h4>
    <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
    <p> <a class="btn btn-danger" href="#">Take this action</a> <a class="btn" href="#">Or do this</a></p>
</div>