Basic tooltip

Basic tooltip demo that appears on hover

Hover the below button for interactive demo

Tooltip positions

Add attribute data-placement={position} to the element

Top Tooltip
Right Tooltip
Bottom Tooltip
Left Tooltip

Tooltip colors

Add class tooltip-{color} to the element

Success
Info
Warning
Primary
Danger

Basic popover

Basic popover demo that appears on click

Click the below button for interactive demo

Popover positions

Add attribute data-placement="{position}" to the element

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Popover right

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Popover bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Popover left

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Popover Colors

Add attribute data-custom-class="popover-{color}" to the element

Success

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Warning

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Danger

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Info

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Primary

Sed posuere consectetur est at lobortis. Aenean eu leo quam.

Copyright © 2021 BootstrapDash. All rights reserved. Hand-crafted & made with