引导弹出框未显示在所有元素之上

我正在开发一个引导站点,从2.0更新到bootstrap 2.2后,除了popover之外,一切都有效。

弹出框仍然显示良好,但它们不会显示在所有其他元素之上。

<div> // this sits on top of the popover. this did not happen before cleaning up scripts.
     <div>  //popover shows on top of this
          <div> //popover shows on top of this
               //link here with popover in it.
          </div>
     </div>
</div>

任何人都知道为什么弹出框的行为发生了变化,或者我该如何修复它?谢谢。


答案 1

我能够通过设置html元素来解决问题data-container="body"

示例

<a href="#" data-toggle="tooltip" data-container="body" title="first tooltip">
    hover over me
</a>

JavaScript 示例:

$('your element').tooltip({ container: 'body' }) 

从此链接发现:https://github.com/twitter/bootstrap/issues/5889


答案 2

这为我工作

$().popover({container: 'body'})