title: Twitter's Bootstrap Popover in Modal issue
body: <p>I've been playing with Twitter Bootstrap for a while. Quite a nice tool. <br /></p>
  
  <p>Problem is, I've stumbled upon a situation where I need to present a <a href="http://twitter.github.com/bootstrap/javascript.html#popover" rel="noreferrer">popover</a> in a <a href="http://twitter.github.com/bootstrap/javascript.html#modal" rel="noreferrer">modal</a>. Problem is, the popover is show under the modal, as seen here: <br /> <img src="https://i.imgur.com/mDHas.png" alt="Popover"><br /></p>
  
  <p>This issue has already been featured in the past by other users (As seen <a href="https://github.com/twitter/bootstrap/issues/383#issuecomment-2342782" rel="noreferrer">here</a>), but as I am using 1.4 version, it is supposed to be fixed by now.<br /></p>
  
  <p>Bootstrap users, do you have any idea on how to fix this? I'm using the compiled CSS, not the LESS-Compiled one, by the way.</p>