Tooltips are small, interactive, textual hints for mainly graphical elements. When using icons for actions you can use a tooltip to give people clarification on its function.

Tooltips

Add the Tooltipped class to your element and add either top, bottom, left, right on data-tooltip to control the position.

Words Tooltips

Add the Tooltipped class to your element and add either top, bottom, left, right on data-tooltip to control the position.

Initialization

Tooltips are initialized automatically, but if you have dynamically added tooltips, you will need to initialize them.


  $(document).ready(function(){
    $('.tooltipped').tooltip({delay: 50});
  });