使用twitter bootstrap定位一个popover

Question

如果我在<a>元素上有一个弹出框并按如下方式调用它

$(function () {
    $('#element').popover({
        placement:'top',
        title:'some title',
        content: $('#some-div').html()
    });
});

弹出窗口显示元素的顶部中心,如何让弹出窗口显示元素的右上角或左上角？

Answer 1

您可以添加标准弹出窗口布局的样式以移动所需的弹出窗口.以下是直接从bootstrap-popover.js获取的标准popover布局:

<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>

因此,要向右移动15px,您可以在样式中添加以下内容:

.popover {margin-left: 15px;}

Answer 2

截至目前,你不能,你目前只限top | bottom | left | right于此,为了这么精确,你可以修改另一个插件的显示,例如tipsy jQuery插件,它是bootstrap工具提示插件开始的基础.

Bootdtrap Popover文档.