Versions Compared

Old Version 3

changes.mady.by.user Matthew Gary Page

Saved on

compared with

New Version 4

changes.mady.by.user Matthew Gary Page

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage. Refer to the below URL for more information on Bootstrap Tooltips.

Enabling Tooltips

...

  • Go to the page where you would like to add a Tooltip. The below code is an example of a Tooltip.

    Code Block
    <button type="button" class="btn btn-secondary"
        data-bs-toggle="tooltip" data-bs-placement="top"
        data-bs-custom-class="custom-tooltip"
        data-bs-title="This top tooltip is themed via CSS variables.">
  Custom tooltip
</button>

  • Copy and paste this code

...