Alerts

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

  1. Default alerts

    1. Dismissible alerts
    2. Links in alerts
  2. Callouts

Default alerts

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

Dismissible alerts

Build on any alert by adding an optional .alert-dismissible and close button.

Use the .alert-link utility class to quickly provide matching colored links within any alert.

Callouts

Callouts also are alerts, but in different style.

Bitnami