如何修复 bootstrap 4 模态显示不正确？答案

【问题标题】：How to fix bootstrap 4 modal not appear correctly?如何修复 bootstrap 4 模态显示不正确？
【发布时间】：2020-02-20 01:17:31
【问题描述】：

当我单击按钮时，模态完美打开，但我无法单击模态。

模态似乎在某个区域的后面。请参阅此屏幕截图。

【问题讨论】：

您已经告诉我们您的尝试并分享您的代码
欢迎来到 Stack Overflow。请edit 包含minimal reproducible example 的问题。这将使人们看到导致这种情况的代码是什么，并让他们向您指出改进。

【解决方案1】：

问题来自 z-index。我更新了一些代码。 .modal-backdrop{ z-index: 1000; } 现在它修复了。

【讨论】：

【解决方案2】：

Modal 需要在容器 div 中，像这样

<div class="container">
.
.
.
</div>

如果不是，结果就像你的截图一样..

也许你忘记了，或者不小心把它放在你的容器外面

【讨论】：