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 occurred, or an information message based on a system event.
Bootstrap provides four differently styled alerts. For instance, the following markup generates a green, blue, orange, and red alert box:
<div class="alert alert-success"><strong>Success. You have successfully saved the file.</strong></div> <div class="alert alert-info"><strong>Info. Something has just happened.</strong></div> <div class="alert alert-warning"><strong>Warning! The file size is too big.</strong></div> <div class="alert alert-danger"><strong>Danger! The file could not be saved.</strong></div>
The alert boxes should look similar to the following screenshot in your browser: