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 &...