Tutorial by Examples

By default, the tooltip will appear on top of the element. We can use data-placement attribute to set the position of the tooltip on top, bottom, left or the right side of the element. <a href="#" data-toggle="tooltip" data-placement="top" title="Top tooltip&q...

To create a tooltip, we only need to add data-toggle="tooltip" attribute and a title to the HTML element that will have the tooltip. Title attribute is used to specify the text that is displayed inside the tooltip. <span data-toggle="tooltip" title="Hello world!"&gt...