.alert

<div class="alert alert-success" role="alert">
    <strong>Success!</strong> Your changes have been saved.
</div>

<div class="alert alert-danger" role="alert">
    <strong>Error!</strong> Something went wrong.
</div>

<!-- Dismissible alert -->
<div class="alert alert-warning alert-dismissible fade show" role="alert">
    Check your settings.
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>