title: bootstrap popover positioning - not working
body: <p>I have a login and register link where user can click and gets popover opened to login. I want that popover is a bit shifted to the left so that it hangs like this: 
  <img src="https://i.stack.imgur.com/weX4D.png" alt="enter image description here"></p>
  
  <p>i am on 15' Screen laptop, so far it is fine. But if i open in bigger resolution, it looks like this: </p>
  
  <p><img src="https://i.stack.imgur.com/NYVJo.png" alt="enter image description here"></p>
  
  <p>I am setting this in js like this: </p>
  
  <pre><code>$('#profilepover').on('shown.bs.popover', function(){
     $('.popover').css('left','774px');
  });
  </code></pre>
  
  <p>how can I make it stick to login link no matter how big the screen is? </p>