Bootstrap 5 警报
警报
Bootstrap 5 提供了一种简单的方法来创建预定义的警报消息。
警报使用 .alert 类创建，后跟一个上下文类 .alert-success、.alert-info、.alert-warning、.alert-danger、.alert-primary、.alert-secondary、.alert-light 或 .alert-dark。
警报链接
在警报框内的任何链接中添加 .alert-link 类，以创建“匹配颜色的链接”。
示例
<div class="alert alert-success">
<strong>成功！</strong> 您应该 <a href="#" class="alert-link">阅读此消息</a>。
</div>
亲自尝试 »
关闭警报
成功！ 此警报框可能表示成功或积极的操作。
要关闭警报消息，请在警报容器中添加 .alert-dismissible 类。然后在链接或按钮元素中添加 class="btn-close" 和 data-bs-dismiss="alert"（当您单击此按钮时，警报框将消失）。
示例
<div class="alert alert-success alert-dismissible">
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
<strong>成功！</strong> 此警报框可能表示成功或积极的操作。
</div>
亲自尝试 »
动画警报
.fade 和 .show 类在关闭警报消息时添加淡出效果。
