Tooltip & Popover

Static demo

Four options are available: top, right, bottom, and left aligned. data-toggle="tooltip" title="Default tooltip"

Interactive demo

Just put this to any tag data-toggle="tooltip" title="Default tooltip"

Static popover

Four options are available: top, right, bottom, and left aligned.

Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover right

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover left

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Interactive demo

Just put this to any tag data-container="body" title="Popover title" data-toggle="popover" data-placement="top" data-content="..."
Copyright © 2021.Company name All rights reserved.网页模板