Bootstrap模态切成两半

我有一个模态窗口设置,但是当按下激活它的按钮时,显示的模态会被切成两半, 就像这样。 在较小的窗口中,模态看起来很好。 请原谅代码,这有点乱。

        OAMK Opinnäytetyöt       html { overflow-y:scroll; } body { padding-top:50px; } #todo-list { margin-bottom:30px; }         

OAMK Opinnäytetyöt


{{ todo.kuvaus }}

你想用CSS实现什么? 没有CSS,你的代码工作得很好!

检查小提琴: https : //jsfiddle.net/eoug80b8/

这不是你想要的吗? :P

如果你必须使用你的自定义CSS样式,你至少应该删除这一行: left: -100%; 因为那会弄乱一些东西!

没有特定线的新小提琴https://jsfiddle.net/eoug80b8/1/

另外:如果你选择最后一个解决方案,你应该重新考虑使用width: 140%; ,因为它可能会移动可见区域外的关闭按钮!

如果其他人在这个问题上遇到困难,我测试了OP的代码并且遇到了完全相同的问题,但删除内部模态div的modal dialog类就修复了它。 在

,我删除了modal dialog类,并且右侧的模态不再被切成两半。

或者,您可以在下一个div开始之前关闭modal dialogdiv。

我遇到了同样的问题,我通过添加解决了它

  

代替

  

在模态div中