Bootstrap Tooltip working but hidden due to z-index?

Question

If you hover over the first pencil, you can see the tooltip coming up but it\'s hidden.

How can I tell all tooltips to show up above everything else?

Relevant c

Answer 1

Just set the tooltip position to fixed, like this:

.tooltip {
    position: fixed;
}

See working demo