Bootstrap模态框的使用方法

1、打开WebStorm开发工具，新建‘test.html’文件，并在文件同级目录安装部署Bootstrap相关文件，目录结构如下图

3、网页查看效果如下图，这时点击按钮还没有相应，因为没有对应的代码

5、网页查看效果，点击按钮，可以正常弹出模态框，点击网页其他位置模态框消失

7、网页查看效果，点击按钮，可以正常弹出模态框，点击模态框取消按钮模态框消失