Bootstrap:弹出模态

Question

我想使用Twitter上的Bootstrap CSS库在现有的模态对话框上使用弹出效果.我将popover绑定到小图像图标.

$('#infoIcon').popover({
    offset: 50,
    placement: 'right'
});

根据文档还添加了模态本身:

$('#modalContainer').modal({
    keyboard : true
});

但是我得到的效果是,弹出窗口是在模态容器下渲染而不是模态div(参见下面的截图).如何才能真正将弹片转移到模态div上？

Answer 1

Bootstrap的工作人员将此问题视为一个错误并将其修复为下一个版本. 在这里查看更多细节

Answer 2

你不需要javascript,只需通过CSS设置popover的z-index:

.popover {
    z-index: 1060;
}

Answer 3

同时你可以尝试:

$('#infoIcon').popover({
    offset: 50,
    placement: 'right'
});

$("#infoIcon").data('popover').tip().css("z-index", 1060);