Tooltips

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

Bottom
Top
Left
Right 
                        
<a class="btn tooltipped default" data-position="bottom" data-delay="50" data-tooltip="I am tooltip"> Bottom</a>
<a class="btn tooltipped default" data-position="top" data-delay="50" data-tooltip="I am tooltip"> Top</a>
<a class="btn tooltipped default" data-position="left" data-delay="50" data-tooltip="I am tooltip"> Left</a>
<a class="btn tooltipped default" data-position="right" data-delay="50" data-tooltip="I am tooltip"> Right</a>
                                
                            
                    
/*Tooltips are initialized automatically, but if you have dynamically added tooltips, you will need to initialize them.*/
$(document).ready(function(){
    $('.tooltipped').tooltip({delay: 50});
});