I have only been using bootstrap for a few days, and I have encountered a problem that I can"t solve by myself. I hope you Daniel can help me solve it!

is that I use the hover trigger mode when I use popover, but as long as I leave the button area, it will disappear, even if the mouse is in the popover display!

how to make sure that the mouse in the button and popover display content will not disappear, without popover display content and button will disappear?

<a class="btn btn-info" role="button" id="button1" data-toggle="popover"></a>

<script>
$(function() {
    $("-sharpbutton1").popover({
        trigger: "hover",
        placement: "top",
        content: "hello",
        container: "body",
        delay: {
            show: 100,
            hide: 100
        }
    });
});
</script>