Bootstrap警告框、弹出提示层、模态框的js插件效果总结

Bootstrap警告框js插件

• 经常会在bootstrap项目中遇到警告框、弹出提示层、弹出模态框组件等等场景应用。
  使用前准备：

• 插件使用之前，请先导入如下文件：
jquery.min.js
bootstrap-alert.js
bootstrap.css

---

它的警告框插件效果很多！比如常见的调用方式：

• 通过调用class类名
• 通过javascript调用

下面讲一下常用的实现方式。

---

效果1：（调用class类名）

截图：

代码如下：

<div class="alert alert-danger fade in">
	<button type="button" class="close" data-dismiss="alert">&times;</button>
	<strong>警告框标题</strong> 提交失败！
</div