Tooltip

Place this code just before the closing body tag.

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

Tooltip

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

Tooltip with 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>

Tooltip on top Tooltip on bottom Tooltip on left Tooltip on right

<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>