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

Tooltip colors

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

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 © 2018 Urbanui. All rights reserved. Hand-crafted & made with