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 data-container.

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

Answer 2

This is best solution if you are using angular uib-bootstrap: Use dependency injection for $uibTooltipProvider, you can change the way tooltips and popovers behave by default; the attributes above always take precedence:

$uibTooltipProvider.options({
  appendToBody: true
});