The alert component is used to provide visual feedback to the user. This can be used to provide the user with either confirmation messages that a record has been saved, warning messages that an error has occurred, or an information message based on a system event.
Bootstrap provides four differently styled alerts. For instance, the following markup generates green, blue, orange, and red alert boxes:
<div class="alert alert-success" role="alert">
<strong>Success!</strong> You have successfully saved the file.
</div>
<div class="alert alert-info" role="alert">
<strong>Info.</strong> Something has just happened.
</div>
<div class="alert alert-warning" role="alert">
<strong>Warning!</strong> The file size is too big.
</div>
<div class="alert alert-danger" role="alert">
<strong>Danger!</strong> The file could not be saved &...
