gitea-pages/pages/formatting/adding_tooltips.md

1.0 KiB

title: Adding tooltips permalink: /adding_tooltips/ tags: [formatting] keywords: popovers audience: writers, designers last_updated: May 8, 2015 summary: "You can add tooltips to your content. These tooltips work well for glossary definitions."

{% include linkrefs.html %}

Because this theme is built on Bootstrap, you can simply use a specific attribute on an element to insert a tooltip.

Suppose you have a glossary.yml file inside your _data folder. You could pull in that glossary definition like this:

<a href="#" data-toggle="tooltip" data-original-title="<!--|%%|%7B%7Bsite.data.glossary.jekyll_platform%7D%7D|%%|-->">Jekyll</a> is my favorite tool for building websites.</a>

This renders to the following:

Jekyll is my favorite tool for building websites.