Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. Directions are mirrored when using Bootstrap in RTL.

• Tooltip on top
• Tooltip on right
• Tooltip on bottom
• Tooltip on left

And with custom HTML added:

• Tooltip with HTML

Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip (or popover). As a workaround, you’ll want to trigger the tooltip from a wrapper <div>, ideally made keyboard-focusable using tabindex="0".

• Disabled button