Javascript 引导popover定位-不工作

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

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

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

我在js中这样设置：

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

---

我怎样才能使它坚持登录链接，无论屏幕有多大

使用

right

，而不是

left

：

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

---

右位置不会随窗口大小的改变而改变。当然，

115px

只是一个例子，请根据实际布局进行调整。在这种情况下，您还需要将左位置重置为

auto

，因为默认的popover left为0。

而不是

left

使用

right

：

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

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

右位置不会随窗口大小的改变而改变。当然，

115px

只是一个例子，请根据实际布局进行调整。在这种情况下，您还需要将左位置重置为

auto

，因为默认的popover left为0

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

试试这个。。它对我有用

---

试试这个。。它对我很有用。

用

%

像

.css（'left'，'75%”）一样调整你的
左的
值@NikhilButani不知怎么没用。。可以使其相对于
登录
链接？使用
%
像
.css（'left'，'75%”）一样调整
左侧的
值@NikhilButani不知怎么没用。。有可能使它相对于
登录
链接吗？太棒了，让我检查一下这个突发事件，它仍然有静态的正确距离。如果我将其调整为大屏幕，在小屏幕中，它将向左移动，因为
右
：（，是否可以将其设置为相对于
登录
链接？@Doniy或查看我设置的示例，调整窗口大小以确保popover保持在正确的位置。哇，非常感谢您的努力。我想，我的popover应该位于容器内。Wesome，让我检查一下，它仍然具有正确的静态距离。如果我调整对于大屏幕，在小屏幕中，由于
右侧
，它将向左移动：（，是否可以使其相对于
登录
链接？@Doniy或者看看我设置的这个示例，调整窗口大小以确保popover正确地保持在右侧。哇，非常感谢您的努力。我想，我的popover应该在一个容器中