Form表单中BootStrap模态框不显示（只显示遮罩层或闪一下消失）

Form表单中BootStrap模态框不显示（只显示遮罩层或闪一下消失）

今天工作中需要使用模态框，于是就直接从文档上将代码复制过来，测试的时候发现模态框不能正常显示

像这样只显示遮罩层，不显示模态框，或者就是闪一下消失。

最后找出原因是因为我的页面都是放在一个Form表单中的，所以为了防止点击表单中的button按钮时自动提交表单（模态框不显示正是因为button按钮导致form表单进行了自动提交刷新了页面）有两种方法。

方法一：在触发模态框的button按钮内加上 type=“button”；

方法二：当模态框放在表单中时一定要在form标签中加上onsubmit="return false"

在这里插入图片描述以上就是解决方式，希望对大家有所帮助。