Bootstrap Tooltip working but hidden due to z-index?

Just set the tooltip position to fixed, like this:

.tooltip {
    position: fixed;
}

See working demo

Just set data-container.

<a href="#" data-toggle="tooltip" data-container="body" title="first tooltip">
hover over me</a>