Tooltips

Client side of the template based on «Twitter Bootstrap». On this section you will find examples of how to use the basic styles of «Twitter Bootstrap» and other styles, with help of which you will be able to design and make almost any interested you website page. In this template, we have also added a number of styles and advanced features that make the «Precise» very flexible template that is suitable for all business tasks.

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>