Bootstrap 4 Components


The popover component allows you to create small overlay content or a pop-up box similar to tooltips that appear when you click on an element.

Popovers in bootstrap require a third party library called Popper.js for the proper positioning of tooltips. So in order to tooltips to work, you must include Popper.min.js before bootstrap.min.js

Popovers are not enabled by default. So you must initialize them before you can use them.

Example for popovers with all four directions.