Bootstrap Popover


Bootstrap Popover is something like toltips but contains more information than the toltips. It Display information when user clicks on it or hovers on it. The four positions of popover plugin are available top, bottom, left , Right. Positions are defined in data attribute data-placement=”top”, data-placement=”bottom”,data-placement=”left” and data-placement=”right” .


Note : Bootstrap Popover plugin requires the javascript read and you have to add the following javascript code in head..

Bootstrap Popover Syntax

We are going to explain with very basic example and demo-

Bootstrap Popover : Basic Example

Try it »

Popovers can also be triggered using javascript as in example below:

Bootstrap Popover

popover plugin example

Bootstrap Popover : Positions Example

Try it »

Full Code :