Popover examples

Add data-bs-toggle="popover" attribute to initialize popover and put the content in title and data-bs-content attributes

Change popover placement by setting data-bs-placement attribute with top|bottom|right|left

Use the data-bs-trigger="focus" attribute to dismiss popovers on the user’s next click of a different element than the toggle element

Enable popover html content by setting data-bs-html="true"

CS

Charlie Stone

Art Director

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet

Reports

Navigation

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

May 14, 2020

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet