Default Popovers

Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.

Enable Popovers everywhere by default.

$(function () {$('[data-toggle="popover"]').popover()})
Popovers with Headers

Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.

Popver with Header examples

$(function () {$('[data-toggle="popover"]').popover()})
Popover on Top
Popover on Right
Popover on Bottom
Popover on Left
Dismiss on next click

Use the focus trigger to dismiss popovers on the user’s next click of a different element than the toggle element.

$('.popover-dismiss').popover({trigger: 'focus'})
Dismissible popover 
<a tabindex="0" class="btn btn-lg btn-danger"
role="button" data-toggle="popover" data-trigger=
"focus" title="Dismissible popover"
data-content="And here's some amazing content. It's very engaging. Right?"
>Dismissible popover</a>
Tooltips

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage.

Enable tooltips everywhere

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