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 focus trigger to dismiss popovers on the user’s next click of a different element than the toggle element.