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