Wrap any text and an optional dismiss button in .alert
for a basic warning alert message.
For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block
.
Add optional classes to change an alert's connotation.
<div class="alert alert-success"> <button type="button" class="close" data-dismiss="alert">×</button> <strong>Yes!</strong> Something went right. </div>
Learn more about bootstrap alerts here: