# Alert
Alert the user of an event that has occurred.

## Basic
<div class="col">
    <span class="alert">Base alert</span>
    <span class="alert alert-primary">Primary alert</span>
    <span class="alert alert-secondary">Secondary alert</span>
    <span class="alert alert-outline">Outline alert</span>
    <span class="alert alert-success">Success alert</span>
    <span class="alert alert-warning">Warning alert</span>
    <span class="alert alert-danger">Danger alert</span>
    <span class="alert alert-info">Info alert</span>
</div>

```html
<div class="col">
    <span class="alert">Base alert</span>
    <span class="alert alert-primary">Primary alert</span>
    <span class="alert alert-secondary">Secondary alert</span>
    <span class="alert alert-outline">Outline alert</span>
    <span class="alert alert-success">Success alert</span>
    <span class="alert alert-warning">Warning alert</span>
    <span class="alert alert-danger">Danger alert</span>
    <span class="alert alert-info">Info alert</span>
</div>
```