Bootstrap 4 警告
Bootstrap 4 警告
Bootstrap 4 提供了一种简单的方法来创建预定义的警告消息
成功！ 此警告框表示成功或积极的操作。
信息！ 此警告框表示中立的信息性更改或操作。
警告！ 此警告框表示可能需要关注的警告。
危险！ 此警告框表示危险或可能负面的操作。
主要！ 此警告框表示重要的操作。
次要！ 此警告框表示不太重要的操作。
深色！ 深灰色警告框。
浅色！ 浅灰色警告框。
警告使用 .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>
自己试试 »
关闭警告
× 点击右侧的“x”符号关闭我。
要关闭警告消息，请在警告容器中添加一个 .alert-dismissible 类。然后在链接或按钮元素中添加 class="close" 和 data-dismiss="alert"（当你点击它时，警告框会消失）。
示例
<div class="alert alert-success alert-dismissible">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong>成功!</strong> 表示成功或积极的操作。
</div>
自己试试 »
提示： × (×) 是一个 HTML 实体，是关闭按钮的首选图标，而不是字母“x”。
要查看所有 HTML 实体的列表，请 访问我们的 HTML 实体参考.
动画警告
× 点击右侧的“x”符号关闭我。我会“淡出”。
.fade 和 .show 类在关闭警告消息时添加淡出效果
完整的 Bootstrap 4 警告参考
要查看所有警告选项、方法和事件的完整参考，请访问我们的 Bootstrap 4 JS 警告参考.
