A popover is a container for short contextual information on the web page, eg. if your mouse hovers over a concept, a popover can pop up and explain what that concept means or if your mouse hovers over a link, a popover can pop up and tell you what to expect if clicking the link.

Note: I have been an avid user of Bootstrap popover hacking away on the UI up to version 4.x, however when upgrading to version 5, my hacks were mostly unusable. Instead of hacking Bootstrap version 5 popover all over again, I decided to write my own similar popover utility. My version is both more reliable & flexible with respect to positioning and in addition it does not depend on a positioning library nor on an accompagning css file (it does use css, however the css is written dynamically by the javascript file). Currently Bootstrap popover supports a wider range of events than mine though (just because I don't need them).

Usage