Alerts

<div class="alert alert-success alert-dismissible">
    <strong>Success!</strong> This alert box could indicate a successful or positive action.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-info alert-dismissible">
    <strong>Info!</strong> This alert box could indicate a neutral informative change or action.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-warning alert-dismissible">
    <strong>Warning!</strong> This alert box could indicate a warning that might need attention.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-danger alert-dismissible">
    <strong>Danger!</strong> This alert box could indicate a dangerous or potentially negative action.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-primary alert-dismissible">
    <strong>Primary!</strong> Indicates an important action.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-secondary alert-dismissible">
    <strong>Secondary!</strong> Indicates a slightly less important action.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-dark alert-dismissible">
    <strong>Dark!</strong> Dark grey alert.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-light alert-dismissible mb-0">
    <strong>Light!</strong> Light grey alert.
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>