Bootstrap Alerts
提醒框
Bootstrap 提供了一种简单的方法来创建预定义的警报消息
× 成功！ 此警报框表示成功或积极的操作。
× 信息！ 此警报框表示中性信息性更改或操作。
× 警告！ 此警报框表示可能需要注意的警告。
× 危险！ 此警报框表示危险或可能负面的操作。
Alerts 是使用 .alert 类创建的，后跟四个上下文类之一 .alert-success, .alert-info, .alert-warning 或 .alert-danger
示例
<div class="alert alert-success">
<strong>Success!</strong> Indicates a successful or positive action.
</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>Success!</strong> Indicates a successful or positive action.
</div>
自己动手试一试 »
aria-* 属性和 × 的解释
为了帮助改进屏幕阅读器用户的可访问性，您应该在创建关闭按钮时包含 aria-label="close" 属性。
× (×) 是 HTML 实体，是比字母“x”更受推荐的关闭按钮图标。
有关所有 HTML 实体的列表，请访问我们的 HTML Entities 参考。
动画警报
× 点击右侧的“x”符号即可关闭我。我将“淡出”。
.fade 和 .in 类在关闭警报消息时会添加淡出效果
完整的 Bootstrap 警报参考
有关所有警报选项、方法和事件的完整参考，请访问我们的Bootstrap JS Alert 参考。
