Tooltips

Toggle the visibility of content across your project with a few classes and our JavaScript plugins.
Basic Tooltips
Default bootstrap style.

Placeholder text to demonstrate some inline links with tooltips. This is now just filler, no killer. Content placed here just to mimic the presence of real text. And all that just to give you an idea of how tooltips would look when used in real-world situations. So hopefully you've now seen how these tooltips on links can work in practice, once you use them on your own site or project.

Tooltips Ditection
Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. Directions are mirrored when using Bootstrap in RTL.
Custom Tooltips
Add custom class with data-bs-custom-class="custom-tooltip" to scope our custom appearance and use it to override a local CSS variable.