如果我在<a>
元素上有一个弹出窗口并按如下方式调用
$(function () {
$('#element').popover({
placement:'top',
title:'some title',
content: $('#some-div').html()
});
});
弹出窗口显示元素的顶部中心,如何让弹出窗口显示元素的右上角或左上角?
答案 0 :(得分:7)
您可以添加标准弹出窗口布局的样式,以便将弹出窗口移动到所需位置。以下是直接从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;}
答案 1 :(得分:6)
截至目前,您不能,目前仅限于top | bottom | left | right
,为了达到这样的精度,您可以修改另一个插件的显示,例如tipsy jQuery插件,引导工具提示插件的基础。
答案 2 :(得分:0)
使用“left”而不是“margin-left”。引导弹出框使用绝对位置。说.popover {left:15px;}