Dashboard
Cards & Widgets
Charts
Forms
UI Elements
Tables
Maps
Mailbox
Pages

Tooltip & Popover

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

Tooltip

Four options are available: top, right, bottom, and left aligned.

Static Demo

Live Demo

Source Code

<button type="button" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">  Hover me</button>
Default Popover

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

Static Demo

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Left

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover Right

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Live Demo

Source Code

<button type="button" class="btn btn-secondary"  data-container="body" data-toggle="popover" data-popover-color="default" data-placement="top" title="Popover top"data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Click me</button>