Bootstrap popover is not working

Question

The bootstrap popover is not showing up my page

Here is my HTML:

Answer 1

From the Docs on Popovers:

Opt-in functionality:
For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself.

So you must call .popover() manually in JavaScript like this:

$("[data-toggle=popover]").popover();

Or you can use whatever selector you want

Here's an example using StackSnippets.

$("[data-toggle=popover]").popover();

body {
  padding: 50px;
}

  Click to toggle popover

Note: This is similar to the answer to Bootstrap Tooltip Not Showing Up