version 3.0 of the theme -- complete overhaul
This commit is contained in:
23
doc_adding_tooltips.md
Normal file
23
doc_adding_tooltips.md
Normal file
@ -0,0 +1,23 @@
|
||||
---
|
||||
title: Tooltips
|
||||
tags: [formatting]
|
||||
keywords: popovers
|
||||
audience: writers, designers
|
||||
last_updated: May 13, 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:
|
||||
|
||||
{% raw %}
|
||||
```html
|
||||
<a href="#" data-toggle="tooltip" data-original-title="{{site.data.glossary.jekyll_platform}}">Jekyll</a> is my favorite tool for building websites.</a>
|
||||
```
|
||||
{% endraw %}
|
||||
|
||||
This renders to the following:
|
||||
|
||||
<a href="#" data-toggle="tooltip" data-original-title="{{site.data.glossary.jekyll_platform}}">Jekyll</a> is my favorite tool for building websites.</a>
|
Reference in New Issue
Block a user