警示框
提示操作成功或操作错误或警示
1）默认警示框
1、成功警示框：告诉用用户操作成功，在“alert”样式基础上追加“alert-success”样式，具体呈现的是背景、边框和文本都是绿色；
2、信息警示框：给用户提供提示信息，在“alert”样式基础上追加“alert-info”样式，具体呈现的是背景、边框和文本都是浅蓝色；
3、警告警示框：提示用户小心操作（提供警告信息），在“alert”样式基础上追加“alert-warning”样式，具体呈现的是背景、边框、文本都是浅黄色；
4、错误警示框：提示用户操作错误，在“alert”样式基础上追加“alert-danger”样式，具体呈现的是背景、边框和文本都是浅红色。
使用方法：在名为“alert”的div中放置提示信息
代码如下：
<div class="alert alert-success" role="alert">恭喜您操作成功！</div>
<div class="alert alert-info" role="alert">请输入正确的密码</div>
<div class="alert alert-warning" role="alert">您已操作失败两次，还有最后一次机会</div>
<div class="alert alert-danger" role="alert">对不起，您输入的密码有误</div>
2）可关闭的警示框
使用方法：
1.需要在装警示信息的div的类名：“alert alert－default”后添加一个类名“alert－dismissable”
2.然后添加button标签，在button标签添加类名“close”
3.在button添加属性“data－dismiss ＝ alert”
具体代码如下：
<div class="alert alert-success alert-dismissable" role="alert">
<button class="close" type="button" data-dismiss="alert">×</button>
恭喜您操作成功！
</div>
×表示x
效果：
3）警示框链接
需要跳转的地方进行高亮加粗处理
使用方法：
在装有信息的div中添加类名为alert-link的a标签
代码如下：
<div class=“alert alert-info”>
<a href=“##” class=“alert-link”> </a>
</div>