Bootstrap popover is not working in Chrome

This is because the default trigger for the popover is focus. In Firefox, when you click on something, it seems to gain focus but that does not seem to be true for Chrome in this case.

You can try one of 2 things:

Try to manually set the trigger on the tag to be "manual". So add this attribute data-trigger="manual"

OR

In your document onload, instead of doing:

$('#element, #element1').popover('toggle').popover('hide');

use this line instead:

$('#element, #element1')
   .popover()
   .click(function(e) { 
       e.preventDefault(); 
       $(this).focus(); 
   });