bootstrap.footnotes.js

Example HTML

Using a number fallback is good accessibility, and resembles normal footnotes/endnotes.

<sup data-text="This is an aside">1</sup>

JavaScript Invokation

// default syntax, searches for "sup" element
$.footnotes();

// optionally specify a selector
$.footnotes(".foo");

Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis euismod nulla, vel adipiscing nisl egestas a. In varius mauris non lorem tristique fermentum eu in mauris. Etiam eget elit mauris. Mauris consequat dapibus mi, vel lacinia sem vehicula nec. Phasellus vehicula, lectus id rhoncus venenatis, massa mi mattis velit, vel gravida ante nisi vel magna. Aenean porttitor leo eu urna viverra vel consequat velit porttitor1. Nullam leo risus, consequat ut cursus nec, imperdiet ut felis. Etiam pulvinar nibh vel nisi sagittis vel tempus massa placerat. Praesent viverra massa a lectus consequat pulvinar iaculis ac dolor. Vestibulum condimentum ultrices nibh, eu commodo risus scelerisque pharetra.

Sed sit amet nisl eget diam suscipit sodales. Integer sed sem vel justo consequat varius quis vel sem. Donec ac est urna. Donec ut sem ligula, at faucibus neque2. In auctor nisl eu urna tincidunt aliquet. Etiam sed dui ut est pulvinar ultricies. Sed laoreet nibh sed eros mattis porttitor. Ut et elit nec turpis rutrum malesuada non sed lacus.

Requirements

GitHub Repository

Download - Issues - Fork - Watch