--- layout: default title: "Popover - Sleek Admin Dashboard Template" bodyClass: "header-fixed sidebar-fixed sidebar-dark header-light" parent: "ui-elements" sub_parent: "components" activePage: "popover-tooltip" ---

# Popover & Tooltip

{% include breadcrumb.htm %}

## Popover Basic

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

## Tooltips Basic

Adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-attributes for local title storage. Read bootstrap documentation for more details.

## Four Directions Popover

Four options are available: top, right, bottom, and left aligned. Read bootstrap documentation for more details.

## Four Directions Tooltip

Hover over the buttons below to see the four tooltips directions: top, right, bottom, and left. Read bootstrap documentation for more details.

## Dismiss on Next Click Popover

Use the focus trigger to dismiss popovers on the user’s next click of a different element than the toggle element. Read bootstrap documentation for more details.

## Disabled elements

Elements with the disabled attribute aren’t interactive, meaning users cannot focus, hover, or click them to trigger a tooltip. Read bootstrap documentation for more details.