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>
<div class="alert
alert-primary-desat" 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">
A simple success alert—check it out!
</div>
<div class="alert
alert-danger" role="alert">
A simple danger alert—check it out!
</div>
<div class="alert
alert-warning" role="alert">
A simple warning alert—check it out!
</div>
<div class="alert
alert-info" role="alert">
A simple info alert—check it out!
</div>
<div class="alert
alert-light" role="alert">
A simple light alert—check it out!
</div>
<div class="alert
alert-saaral" role="alert">
A simple saaral alert—check it out!
</div>