Custom Bootstrap Popover Content

example.html

<a data-toggle="popover" class="popper" data-placement="top">Link</a>
<div class="popover-content hide">
  <!-- Content -->
</div

example.js

$('.popper').popover({
  container: 'body',
  html: true,
  content: function () {
    return $(this).next('.popover-content').html();
  }
});

// Close the popover when anything else is clicked
$('body').on('click', function (e) {
  $('[data-toggle="popover"]').each(function () {
    if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
      $(this).popover('hide');
    }
  });
});