Alerts

Create an alert by applying the alert class to an element such as a <div>.

<div class="alert">This is an alert</div>
This is an alert

Variations

Use the alert-* modifier to create variations.

<div class="alert">Primary</div>
<div class="alert alert-secondary">Secondary</div>
<div class="alert alert-success">Success</div>
<div class="alert alert-info">Info</div>
<div class="alert alert-warning">Warning</div>
<div class="alert alert-danger">Danger</div>
<div class="alert alert-light">Light</div>
<div class="alert alert-dark">Dark</div>
Primary
Secondary
Success
Info
Warning
Danger
Light
Dark