Popovers
Popover
Four directions are available:Top,Right,Bottom and Left. For adding popovers read official documentation of bootstrap.
Dismiss on next click
Use the focustrigger to dismiss popovers on the user’s next click of a different element than the toggle element.