引导模式视图

Question

我在我的代码中使用引导模式，但是当我打开模式时它没有以正确的方式显示。 请告诉我我的代码哪里错了？ 我在下面附上我的 html、css 和屏幕截图文件：

这是我在 codepen 上的代码： Bootstrap modal view

当前的外观：

这就是我想要的：

Answer 1

你不应该有任何父 div 到 modal div。它应该在body标签下

看到这个working demo

Answer 2

不要在任何具有固定宽度或绝对位置或固定位置的 div 内使用模态框。 在页脚之后使用最后一个模式代码。并检查父 z-index 值。