bootstrap popover定位 - 不工作

Question

我有一个登录和注册链接，用户可以点击该链接并打开popover登录。我希望popover有点向左移动，以便它像这样挂起：

我在15'屏幕笔记本电脑上，到目前为止还不错。但如果我打开更大的分辨率，它看起来像这样：

我在这样设置这个：

$('#profilepover').on('shown.bs.popover', function(){
   $('.popover').css('left','774px');
});

无论屏幕有多大，我怎么能坚持登录链接？

Answer 1

而不是left使用right：

$('#profilepover').on('shown.bs.popover', function(){
   $('.popover').css({right: '115px', left: 'auto'});
});

窗口调整大小时，右侧位置不会改变。当然115px只是一个示例，请根据您的实际布局进行调整。在这种情况下，您还需要将左侧位置重置为auto，因为默认弹出窗口为0。

Answer 2

  $('#profilepover').on('shown.bs.popover', function(){
       var lft=$('#profilepover').position().left;
       $('.popover').css(left:lft);
    });

尝试一下..它对我有用..