Tooltip

Using the tooltips

Tooltips are extracted from Bootstrap's libraries and work the same way. See the Bootstrap documentation for more details.

Enable everywhere

Place this code just before the closing body tag.

$(function () {
    $('[data-toggle="tooltip"]').tooltip()
})

Example

<button class="btn btn-primary" data-toggle="tooltip" title="Tooltip">Tooltip</button>

Allow HTML

<button class="btn btn-primary" data-toggle="tooltip" data-html="true" title="<strong>HTML</strong> <em>works</em> <u>in</u> <s>here!</s>">Tooltip</button>

Positioning

<button class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
<button class="btn btn-primary" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button class="btn btn-primary" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
<button class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>