jquery – 使用twitter bootstrap定位一个popover

前端之家收集整理的这篇文章主要介绍了jquery – 使用twitter bootstrap定位一个popover前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如果我在< a>上有弹片元素并将其命名如下
$(function () {
    $('#element').popover({
        placement:'top',title:'some title',content: $('#some-div').html()
    });
});

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

解决方法

您可以添加标准弹出窗口布局的样式以移动所需的弹出窗口.以下是直接从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;}

猜你在找的jQuery相关文章