SIDEBAR SKINS

HEADER SKINS

### Tooltips

#### 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 attribute `data-custom-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.