【问题标题】:Bootstrap popover 'stuck' inside a modalBootstrap 弹出框“卡在”模态框内
【发布时间】:2014-05-18 11:04:16
【问题描述】:

我已经制作了一个引导模式,其中包含从数据库中获取的信息,并且在每一行上都有一个唯一的引用,它会打开一个弹出框,其中包含有关所述行的更详细信息。

我的问题是弹出框“卡在”模态框内,这使它看起来很糟糕(见下文)。

我的想法是,我希望弹出框超出模态框,而不是沿其右边缘停止。有什么办法可以做到这一点吗?

【问题讨论】:

  • 将弹出容器更改为body,它应该可以解决问题。见getbootstrap.com/javascript/#popovers
  • 完全正确,不知道在阅读了整个弹出框部分 8 次后我是如何错过的......谢谢!如果您将评论放在答案中,我可以将其标记为已回答。作为一个新用户,还不能回答我自己的问题。

标签: jquery css twitter-bootstrap


【解决方案1】:

使用data-container 属性或javascript 中的container 值将弹出容器更改为body。见http://getbootstrap.com/javascript/#popovers

【讨论】:

  • 干杯 - 顺便说一句,如果其他人遇到这个问题,还需要做一件事 - 必须为这个特定的弹出窗口更改 z-index,否则它会落后于模态(*.com/questions/7675203/…)