title: Bootstrap: popover on modals
body: <p>I want to use the popover effect on an existing modals dialog using the Bootstrap CSS Library from Twitter. I bind the popover to the small image icon.</p>
  
  <pre><code>$('#infoIcon').popover({
      offset: 50,
      placement: 'right'
  });
  </code></pre>
  
  <p>The modals itself is also added according the documentation:</p>
  
  <pre><code>$('#modalContainer').modal({
      keyboard : true
  });
  </code></pre>
  
  <p>But the effect I've got is, that the popover is rendered UNDER the modal container instead OVER the modal div (see the screenshot below). How can I bring the popover truly OVER the modal div ?</p>
  
  <p><img src="https://i.stack.imgur.com/4GeVw.png" alt="enter image description here"></p>