Bootstrap5 ツールチップ
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>
尝试一下 »
关闭提示框
通知ボックス内の 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クラスは、通知ボックスを閉じるときのフェードアウトおよびフェードイン効果を設定するために使用されます：
其他扩展