Custom tooltips
You can customize the appearance of tooltips using CSS variables. We set a custom class with data-bs-custom-class="custom-tooltip" to scope our custom appearance and use it to override a local CSS variable.
Directions
Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. Directions are mirrored when using Bootstrap in RTL.
Color Tooltips
We set a custom class with ex. data-bs-custom-class="primary-tooltip" to scope our background-color primary appearance and use
it to override a local CSS
variable.