Alerts

Alerts provide contextual feedback messages for typical user actions. Alerts are available for any length of text. To create an alert wrap the message you're trying to communicate to the user in a <div> </div> element and add classes alert to the element along with a required contextual class (alert-success, alert-info, alert-warning, alert-danger).

Links

If the message you're alerting has a link in it (<a> element) then you can user the class alert-link to format it. In the example below I have used class alert-link inside of a <small> </small> element.

Dismissing alerts

It is possible to dismiss any alert inline by:

• Adding class alert-dismissible to the wrapper <div> </div> element discussed above (look under "Alerts"). This class adds extra padding to the right of the alert and positions the dismiss button.
• To animate alerts when dismissing them, add classes fade and in to this <div> </div> element as well.
• Add a <button> </button> element for dismissing the alert. On the dismiss button, add the class close and add the attribute data-dismiss = "alert".