Tooltips
Examples
Inspired by the excellent jQuery.tipsy plugin written by Jason Frame; Tooltips are an updated version, which don’t rely on images, use CSS3 for animations, and data-attributes for local title storage.
For performance reasons, the tooltip and popover data-apis are opt in, meaning you must initialize them yourself.
Hover over the links below to see tooltips:
Tight pants next level keffiyeh you probably haven’t heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney’s fixie sustainable quinoa 8-bit american apparel have a terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney’s cleanse vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.
Four directions
Usage
<a href="#" class="tooltip_button" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</a> <a href="#" class="tooltip_button" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</a> <a href="#" class="tooltip_button" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a> <a href="#" class="tooltip_button" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</a>