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

If building bootstrap (4.5) with npm (SASS), you can adjust $zindex-tooltip variable in your own variables.scss file.

in bootstrap 4.5 node_modules/bootstrap/scss/_variables.scss @line 690

$zindex-tooltip:                    1070 !default;

BTW, you can find all variables in that file