Tooltips
Directions
To use tooltips, you must initialize
them. One way is by selecting elements
with the
data-bs-toggle="tooltip"
attribute and using JavaScript to
initialize all tooltips on a page.
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.
Tooltips on links
As mentioned above, you must initialize
tooltips before they can be used. One
way to initialize all tooltips on a page
would be to select them by their
data-bs-toggle attribute,
like so:
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.