Bootstrap Alerts

Bootstrap Alerts

<div class="alert alert-success"> Success! Well done its submitted.</div> <div class="alert alert-info"> Info! take this info.</div> <div class="alert alert-warning"> Warning ! Dont submit this.</div> <div class="alert alert-danger"> Error ! Change few things.</div>

Dismissal Alerts

<div class="alert alert-success alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> Success! Well done its submitted. </div> <div class="alert alert-info alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> Info! take this info. </div> <div class="alert alert-warning alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> Warning ! Dont submit this. </div> <div class="alert alert-danger alert-dismissable"> <button type="button" class="close" data-dismiss="alert" aria-hidden="true"> × </button> Error ! Change few things. </div>

Links in Alerts

<div class="alert alert-success"> <a href="#" class="alert-link">Success! Well done its submitted.</a> </div> <div class="alert alert-info"> <a href="#" class="alert-link">Info! take this info.</a> </div> <div class="alert alert-warning"> <a href="#" class="alert-link">Warning ! Dont submit this.</a> </div> <div class="alert alert-danger"> <a href="#" class="alert-link">Error ! Change few things.</a> </div>