Demo 1 — A Basic Popover on a Button
Click this button to toggle its popover on and off:
Demo 2 — Triggers
Popovers default to being triggered by clicking on the element they are attached to, but there are alternatives availabe.
Hover
You can have popovers that appear and disapear as the user hovers over an element. For example, hover over the acronym PBS to see a simple popover without a title that defines the acronym.
Focus
On elements where it makes sense, you can have popovers appear and disappear as the item gets focus. Click into and out of the text box below to see an example.
The focus trigger can be used on links if they have a tab index. This makes them dismissable by clicking anywhere in the page. Using the Bootstrap CSS classes the link can be made appear like a button: Click me!
You can use both the hover and click triggers on the same element. Just hover over this button see the popover temporarily, or click to make it sticky: