Bootstrap Tooltip shows up under the element

Question

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.

Here's the page that it's happening on http://darebounty.com/streams/11

It's the shapes on a page at the bottom (red, blue, yellow, etc) #rune_page_view

Any help would be appreciated.

Answer 1

I had this issue and was messing around with z-indexing in order to solve it, but it ended up being futile. I then checked out this link.

I found the "data-container='body'" attribute very useful. It was able to make my tooltips show up over everything (so that the user could actually read them), which is what I imagine most people would want.

Hope that helps anyone coming upon this in the future. :)