Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Bootstrap Tooltip (gallery-bootstrap-tooltip) on cdn

Last Updated: 08/15/12

+ 1 -

J. Shirley

YUI Contributor

See 8 more by this user.

Created: 08/15/12
Last CDN Push: 08/22/12
Build Tag: gallery-2012.08.22-20-00
Project: YUI 3
License: YUI BSD
YUI Version: 3.6.0
Free for use.

The Bootstrap Tooltip is a markup and CSS compatible layer, combining the benefits of YUI and the ease of use and styling of Twitter's Bootstrap project.

See it in action at http://jshirley.github.com/bootstrap/javascript.html#tooltips

Tags:
jshirley

Given a link like <a href="#" rel="tooltip" title="first tooltip">you probably</a>, the rel="tooltip" will trigger the nicely formatted tooltip to be displayed.

You will need to include the bootstrap.css from Twitter's Bootstrap project.

Code Sample

<script src="http://yui.yahooapis.com/3.6.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.08.22-20-00'
}).use('gallery-bootstrap-tooltip', function(Y) {
    new Y.Bootstrap.Tooltip({ selector : '*[rel=tooltip]' }).render();
});