title: Bootstrap - Popover gets cut off by modal header
body: <p>I am using a popover inside a modal window in Bootstrap 2.3.1.  The problem is that the popover displays UNDER the modal-header div.  </p>
  
  <p>You can see an example / fiddle of this problem here: ("Launch Demo Modal", then "Click to toggle popover")
  <a href="http://jsfiddle.net/cZ6Cr/2/" rel="noreferrer">http://jsfiddle.net/cZ6Cr/2/</a></p>
  
  <p>The relevant code is:</p>
  
  <pre><code>&lt;a class="btn" data-content="And here's some amazing content.  It's very engaging.     right? And another thing about this is a that it's really long.  When I say long I mean really, really long." 
  rel="popover" 
  href="#"
  data-original-title="A Title"&gt;
  Click to toggle popover
  &lt;/a&gt;
  </code></pre>
  
  <p>*I modified a fiddle created by cvrebert from this thread on GitHub
  <a href="https://github.com/twbs/bootstrap/issues/5014" rel="noreferrer">https://github.com/twbs/bootstrap/issues/5014</a></p>