Enable Tooltips First

For performance reasons, Tooltips data-apis are opt-in, meaning you must initialize them yourself.

Initialize all Popovers
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
Tooltips on links

Tooltips are opt-in for performance reasons, so you must initialize them yourself.

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.

Tooltip Directions

Tooltip position can be set using data-bs-placement attribute.

Buy Now