较大的Bootstrap模态中的小Bootstrap模态

时间:2016-01-13 05:18:23

标签: javascript jquery html css twitter-bootstrap

我试图将一个模态放在一个模态中。然而,第一模态的高度远大于第二模态的高度。所以当我打开第一个模态时,高度是正确的。但是当第二个模态打开时。它可以滚过第二个模态并在第一个模态上滚动。

我想要停止滚动或设置模态的高度而不破坏第一个模态的内容。我已经尝试将第一个模态的溢出设置为隐藏,这会阻止第一个模态上的滚动移动,但它仍然会滚动高度。

最好的方法是什么?

3 个答案:

答案 0 :(得分:2)

您可以使用Bootstrap Modal Plugin存档该功能,因为显然Bootstrap没有该功能:查看examples

答案 1 :(得分:1)

Bootstrap does not support multiple open modals

  

请确保不打开模态,而另一个模态仍然可见。显示   一次有多个模态需要自定义代码。

不仅技术上不支持开箱即用,两种模态看起来都很难看。我建议在打开第二个模态的任何操作时关闭第一个模态。

答案 2 :(得分:1)

可以在较大的Bootstrap模式中打开Small Bootstrap Modal 见这个

http://jschr.github.io/bootstrap-modal/bs3.html