如何定位Bootstrap popover？ [英] How to position a Bootstrap popover?

问题描述

我正在尝试为一个触发器定位一个Bootstrap popover，该触发器位于960px宽网页的最右上角。

I'm trying to position a Bootstrap popover for a trigger that sits on the far top-right corner of a 960px wide web page.

理想情况下，我' d将它放在底部并用CSS移动箭头（因此箭头位于弹出框的右上角）。不幸的是，放置：底部定位是不够的，因为它会将其置于触发器下方。

Ideally, I'd position it on the bottom and move the arrow with CSS (so the arrow is on the top-right of the popover). Unfortunately the 'placement':'bottom' positioning is not enough, since it will center it below the trigger.

我正在寻找能够静态放置弹出窗口的解决方案在触发器的下方和左侧。

I'm looking for solution that will place the popover statically below and on the left of the trigger.

推荐答案

这很有效。经过测试。

.popover {
    top: 71px !important;
    left: 379px !important;
}

这篇关于如何定位Bootstrap popover？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！