Bootstrap 警告
警告
Bootstrap 提供了一种简单的方法来创建预定义的警报消息。
× 成功！ 此警报框表示成功或积极的操作。
× 信息！ 此警报框表示中性的信息性更改或操作。
× 警告！ 此警报框表示可能需要关注的警告。
× 危险！ 此警报框表示危险或可能对行动不利。
警告是使用 .alert 类创建的，后面跟着四个上下文类中的一个：.alert-success、.alert-info、.alert-warning 或 .alert-danger
示例
<div class="alert alert-success">
<strong>成功！</strong> 表示成功或积极的操作。
</div>
<div class="alert alert-info">
<strong>信息！</strong> 表示中性的信息性更改或操作。
</div>
<div class="alert alert-warning">
<strong>警告！</strong> 表示可能需要关注的警告。
</div>
<div class="alert alert-danger">
<strong>危险！</strong> 表示危险或可能对行动不利。
</div>
试试看 »
警报链接
将 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">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<strong>成功！</strong> 表示成功或积极的操作。
</div>
试试看 »
aria-* 属性和 × 说明
为了帮助改善使用屏幕阅读器的用户访问性，你应该在创建关闭按钮时包含 aria-label="close" 属性。
× (×) 是一个 HTML 实体，它是关闭按钮的首选图标，而不是字母 "x"。
有关所有 HTML 实体的列表，请访问我们的 HTML 实体参考.
动画警报
× 点击右侧的 "x" 符号来关闭我。我会 "淡出"。
.fade 和 .in 类在关闭警报消息时添加淡出效果。
完成 Bootstrap 警告参考
要完整了解所有警告选项、方法和事件，请访问我们的 Bootstrap JS 警告参考.
