8

我在 Bootstrap 2.3.1 的模式窗口中使用了一个弹出框。问题是弹出框显示在 modal-header div 下。

您可以在此处查看此问题的示例/小提琴：（“启动演示模式”，然后“单击以切换弹出窗口”） http://jsfiddle.net/cZ6Cr/2/

相关代码为：

<a class="btn" data-content="And here's some amazing content.  It's very engaging.     right? And another thing about this is a that it's really long.  When I say long I mean really, really long." 
rel="popover" 
href="#"
data-original-title="A Title">
Click to toggle popover
</a>

*我从 GitHub https://github.com/twbs/bootstrap/issues/5014上的这个线程修改了一个由 cvrebert 创建的小提琴

4

2 回答 2

17

事实证明，根据工具提示大小动态调整模态容器的大小有点棘手。
但是，您可以通过添加position: fixed.

CSS：

.popover {
    z-index: 9999;
    position: fixed;
}

jsFiddle 中的现场演示

看起来像这样：

演示

于 2013-09-18T21:22:17.890 回答
5

通过使用修复： .modal-body{overflow-y:visible;}

或者

.modal-body{overflow:visible;}

小提琴：http: //jsfiddle.net/cZ6Cr/4/

于 2013-09-18T22:08:16.867 回答