Bootstrap - Popover被模态标题切断

Question

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

你可以在这里看到这个问题的一个例子/小提琴:(“Launch Demo Modal”，然后“Click to toggle popover”） 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>

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

Answer 1

基于工具提示大小动态调整模态容器的大小证明有点棘手 但是，您可以通过添加position: fixed来将您的工具提示从HTML流中删除。

<强> CSS ：

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

Live Demo in jsFiddle

看起来像这样：

Answer 2

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

OR

.modal-body{overflow:visible;}

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