title: Bootstrap Tooltip shows up under the element
body: <p>The tooltip is showing under the element when I hover over it. The z-index of the element is 2, while the tooltip has 1030. I'm not sure what's going on. It's only for some elements too, even though they have the same markup.</p>
  
  <p>Here's the page that it's happening on <a href="http://darebounty.com/streams/11" rel="noreferrer">http://darebounty.com/streams/11</a></p>
  
  <p>It's the shapes on a page at the bottom (red, blue, yellow, etc) #rune_page_view</p>
  
  <p>Any help would be appreciated.</p>