--- title: Glossary layout tags: [formatting, special_layouts] keywords: definitions, glossaries, terms, style guide last_updated: July 3, 2016 summary: "Your glossary page can take advantage of definitions stored in a data file. This gives you the ability to reuse the same definition in multiple places. Additionally, you can use Bootstrap classes to arrange your definition list horizontally." sidebar: mydoc_sidebar permalink: mydoc_glossary.html toc: false folder: mydoc --- You can create a glossary for your content. First create your glossary items in a data file such as glossary.yml. Then create a page and use definition list formatting, like this: fractious : {{site.data.glossary.fractious}} gratuitous : {{site.data.glossary.gratuitous}} haughty : {{site.data.glossary.haughty}} gratuitous : {{site.data.glossary.gratuitous}} impertinent : {{site.data.glossary.intrepid}} Here's the code: ``` {% raw %}fractious : {{site.data.glossary.fractious}} gratuitous : {{site.data.glossary.gratuitous}} haughty : {{site.data.glossary.haughty}} gratuitous : {{site.data.glossary.gratuitous}} impertinent : {{site.data.glossary.intrepid}}{% endraw %} ``` The glossary works well as a link in the top navigation bar. ## Horizontally styled definiton lists You can also change the definition list (`dl`) class to `dl-horizontal`. This is a Bootstrap specific class. If you do, the styling looks like this: