Skip to main content

Alerts

Provide contextual feedback messages for typical user actions.

<div class="alert alert-primary" role="alert">
  A simple primary alert—check it out!
</div>
<div class="alert alert-secondary" role="alert">
  A simple secondary alert—check it out!
</div>
<div class="alert alert-success" role="alert">
  <i class="fas fa-thumbs-up me-1"></i>
  A simple success alert—check it out!
</div>
...

Bootstrap Documentation