Skip to main content


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

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

Bootstrap Documentation