Question

bootstrap 模态框弹出时被遮罩层挡住了，怎么解决

Answer 1

bootstrap 模态框弹出时被遮罩层挡住了是设置错误造成的，解决方法为：

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

2、在‘test.html’中写如下代码。

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

4、修改‘test.html’代码如下。

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

6、在模态框上增加取消按钮，点击取消后模态框消失，代码如下。