title: Positioning for popovers in Twitter Bootstrap 2.0?
body: <p>I'm experimenting with <a href="http://markdotto.com/bs2/docs/index.html" rel="nofollow noreferrer">Twitter Bootstrap 2.0</a> and want to use the <a href="http://markdotto.com/bs2/docs/javascript.html#popovers" rel="nofollow noreferrer">popovers</a>. I've got everything working fine, but regardless of which 'placement' I specify, they show up about 50px or so lower than they should, as though there's an offset somewhere.</p>
  
  <p>Here are my  options:</p>
  
  <pre><code>$(function() {
      $(".pop").popover({ animation: true, placement: 'right', trigger: 'hover' })
  });
  </code></pre>
  
  <p>I've tried specifying <code>'placement: -50'</code>, <code>'placement: [0,-50]'</code>, <code>'position: -50'</code>, and <code>'offset: -50'</code> just to see if I could get anything to happen, but none of these settings affect anything. I've also tried editing my copy of bootstrap.css to change the default <code>'top'</code> position from <code>'0'</code> to <code>'-50px'</code> but that did not do anything either. There are plenty of previous questions that should help <a href="http://jsfiddle.net/mT76T/17/" rel="nofollow noreferrer">(example)</a>, but I still get the same results in my site.</p>
  
  <p>This is what my popover looks like if I paste in the exact code from the demo page:
  <img src="https://i.stack.imgur.com/J9wVZ.jpg" alt="enter image description here"></p>
  
  <p>Am I just missing something stupid? Why is the one on the demo page showing up with the little arrow pointing directly at the button?</p>