警报
Bootstrap提供了一种简单的方法来创建预定义的警报消息：
× 成功！ 该警告框指示成功或积极的行动。
× 信息！ 此警报框指示中性信息变更或执行。
× 警告！ 此警报框表示可能需要注意的警告。
× 危险！ 该警告框表示危险或潜在的负面作用。
警报与所创建的.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>Info!</strong> Indicates a neutral informative change or action.
</div>
<div class="alert alert-warning">
<strong>Warning!</strong> Indicates a warning that might need attention.
</div>
<div class="alert alert-danger">
<strong>Danger!</strong> Indicates a dangerous or potentially negative
action.
</div>
试一试» 截止警报
要关闭警报消息，添加class="close"和data-dismiss="alert"的链接或按钮元素：
例
<div class="alert alert-success">
<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"
动画快讯
该.fade和.in阶级关闭警报消息时增加了一个渐变效果：
自测练习用！
完成Bootstrap警报参考
有关所有警报选项，方法和事件的完整参考，请访问我们的Bootstrap JS警报参考 。