© 2023. lead alliance.
All Rights Reserved.

Tooltips & Popovers

Standard Tooltip

Static Demo

Live Demo

Source Code

<button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
	Hover me
  </button>

Required Attributes

Attribute Erklärung
data-placement="[value]" top | bottom | left | right
title="[value]" Tooltip Inhalt

Standard Popover

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

Static Demo

Popover top

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.

Popover Right

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

Live Demo

Source Code

<button type="button" class="btn btn-primary"
	data-container="body" data-toggle="popover" data-popover-color="default" data-placement="top" title="Popover top"
	data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">Click me</button>
2021-03-02
00:00:00
Tooltip
110690
Test
Test
0,00 €
123,00 €
2021-03-03