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>
Documentation and examples for adding Bootstrap popovers, like those found in iOS, to any element on your site.
Static Demo
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
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>