Bootstrap popover is not working

Question

The bootstrap popover is not showing up my page

Here is my HTML:

Answer 1

Although the accepted answer is fine, when dealing with popovers, please be careful of situations with double initialization as well (Fiddle example). The below JavaScript will fail.

Click Me (Working)




Click Me (Failing)

If you double-initialize and your popover uses values that may change or custom content, etc., you will be in a world of hurt:

$(function () {
    $('#firstButton').popover({
      container: "body",
      html: true,
      content: function () {
        return '
' + $(this).data("message") + '
';
      }
    });
    $('#secondButton').popover(); // <-- The first initializer does this, which causes the next one to fail on the next line.
    $('#secondButton').popover({
      container: "body",
      html: true,
      content: function () {
        return '
' + $(this).data("message") + '
';
      }
    });
});