Keep Bootstrap popover open when the popover itself is being hovered

bootstrap-popover-hover.js

jQuery('[data-toggle="popover-hover"]').popover({
    trigger: 'manual',
    html: true,
    animation:false,
    viewport: '.container'
}).on('mouseenter', function () {
    var self = this;
    jQuery(this).popover("show");
    jQuery(".popover").on('mouseleave', function () {
        jQuery(self).popover('hide');
    });
}).on('mouseleave', function () {
    var self = this;
    setTimeout(function () {
        if (!jQuery('.popover:hover').length) {
            jQuery(self).popover('hide');
        }
    }, 600);
});

can you provide me the html file for this with all those classes