将Bootstrap Popover垂直居中到Viewport

Question

我试图让我的所有popovers都垂直居中到视口。我的项目要求阻止我使用Bootstrap Modal，这将是一个更容易的选择。

因此，弹出窗口会在链接点击时触发。已设置链接

position: relative;

至于Bootstrap popover div，它已被设置为

position: absolute;

我尝试将body显示设置为table-cell，将bootstrap popover div设置为table-cell和vertical-align：middle;但没有任何作用。

无法给你们一个示例代码。非常感谢任何帮助。

Answer 1

position: absolute;

基于父元素的位置是相对的，绝对的还是固定的。

删除链接position: relative;或尝试position: fixed而不是绝对。