twitter bootstrap dropdown popping under elements

Question

You can see in this screenshot, the menu containing \"hi\" on each line is popping under body elements and also under a button on the screen.

Answer 1

True, as arnirpc proposed the

-webkit-transform: translate3d(0, 0, 0);

does this trouble. But I had to use this because of Bootstrap Dynamic Pills and Tabs also with dropdown. Seen here: Pills with dropdowns

So removing the translate would shift the dropdown box above the button of Dropdown - and thats what you do not want.

But the dropdown of Bootstrap 4 pills is defaultly not even working since the dropdown is hiding behind the TAB-Content and does not matter if its a H1, text or image.

So I tried the z-index thing on many things of the content the LI, UL, container etc. Nothing.

Soltion for me: in this case it was just putting a z-index-minus-1 (or any class with z-index: -1) on the inner content.