Alert

Success! Well done its submitted.
Info! take this info.
Warning ! Dont submit this.
Error ! Change few things.
Success! Well done its submitted.
Info! take this info.
Warning ! Dont submit this.
Error ! Change few things.

Bootstrap Alerts


Examples

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.


<div class="alert alert-success" role="alert">...</div>
<div class="alert alert-info" role="alert">...</div>
<div class="alert alert-warning" role="alert">...</div>
<div class="alert alert-danger" role="alert">...</div>


Dismissible alerts

Build on any alert by adding an optional .alert-dismissible and close button.


<div class="alert alert-warning alert-dismissible" role="alert">
 <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>


Links in alerts

Use the .alert-link utility class to quickly provide matching colored links within any alert.


<div class="alert alert-success" role="alert">
 <a href="#" class="alert-link">...</a>
</div>
<div class="alert alert-info" role="alert">
 <a href="#" class="alert-link">...</a>
</div>
<div class="alert alert-warning" role="alert">
 <a href="#" class="alert-link">...</a>
</div>
<div class="alert alert-danger"role="alert">
 <a href="#" class="alert-link">...</a>
</div>