Bootstrap 3 Tooltips

Style your tooltips the Bootstrap way.

Bootstrap provides tooltip functionality that allows a stylized tooltip to appear when the user hovers over an item.

Tooltips are generally more suitable for <a> and <button> elements.

Initialization

Tooltips require initialization before you can use them.

The following code will initialize tooltips on the whole page:

Links

You can add a tooltip to a link like this:

View Output

Buttons

Add a tooltip to a button like this:

View Output

Tooltip Placement

Change the placement of the tooltip like this:

View Output