如何应用Bootstrap的模态框
工具/材料
崇高的文本
操作方法 01
首先，将压缩的bootstrap.min.css样式文件添加到HTML5页面，如下图所示。在大多数项目中，通常使用CSS文件的压缩版本。
02
然后继续在页面中添加bootstrap.min.js，如下图所示。这个文件中定义了许多常用的脚本效果。
03
然后我们在body区域定义按钮，点击这个按钮开始弹出模态框，如下图所示。
04
接下来我们定义一下modal box的具体样式，如下图所示，通过调用modal style来声明modal box。
请注意，模式框的内容将以模式内容样式放置。
05
然后我们定义模态框的标题、主体和底部内容，如下图所示。它们的样式分别是模态页眉、模态正文和模态页脚。
06
最后，我们在脚本标签script中调用modal方法，使模态框直接弹出，如下图所示。
07
运行页面程序后，浏览器中会出现下图所示的模式框。比JavaScript的弹出框好看吗？
