Bootstrap 弹出窗口不在顶部

Bootstrap Popover Not on Top

我正在使用 Boostrap 和 Bootstrap Tiles 构建一个页面。我正在尝试使用 Boostrap 的 Popover 在迷你日历上显示事件数据。问题是弹出窗口隐藏在相邻的图块下。

我知道 z-index 是相对于父元素和同级元素的,但是有没有办法将弹出窗口配置在所有元素的前面?

FIDDLE

尝试将容器设置为正文,如下所示:

$('[data-toggle="popover"]').popover({container: 'body'});

这使得弹出窗口成为 <body> 元素的父元素。 因此,如果仍然需要,您可以从那里调整 z-index。

HTH, -泰德