Как сделать, чтобы Popover в Bootstrap не убирался при hover?

В Bootstrap, Popover по умолчанию скрывается при наведении на содержимое popover или при выходе курсора за пределы элемента, на котором активирован popover. Однако, вы можете изменить это поведение, чтобы popover оставался видимым даже при наведении курсора или покидании элемента.

Для того чтобы popover оставался видимым при наведении, вам нужно добавить data-trigger="hover" атрибут к элементу, на котором активирован popover.

Пример:

<button type="button" class="btn btn-primary" data-toggle="popover" data-trigger="hover" data-content="Popover content">Popover</button>

Теперь popover будет оставаться видимым только при наведении на элемент, даже если вы наводите курсор на сам popover.

Однако, если вы также хотите, чтобы popover оставался видимым при покидании элемента, вам понадобится использовать JavaScript для изменения поведения Popover. Для этого вы можете использовать следующий код:

$(document).ready(function(){
  $('[data-toggle="popover"]').popover({
    trigger: 'manual'
  }).on('mouseenter', function(){
    var _this = this;
    $(this).popover('show');
    $('.popover').on('mouseleave', function(){
      $(_this).popover('hide');
    });
  }).on('mouseleave', function(){
    var _this = this;
    setTimeout(function(){
      if (!$('.popover:hover').length) {
        $(_this).popover('hide');
      }
    }, 300);
  });
});

В этом примере, мы используем jQuery, чтобы управлять поведением Popover. Мы устанавливаем trigger: 'manual', чтобы отключить стандартное поведение Popover при наведении. Затем мы привязываем обработчики событий mouseenter и mouseleave к элементам, на которых активирован Popover, чтобы контролировать его отображение и скрытие.

При наведении мы показываем Popover и при этом привязываем обработчик события mouseleave к самому Popover. При покидании Popover мы проверяем, находится ли курсор внутри Popover, и если нет, то мы скрываем его через некоторое время.

Таким образом, с помощью данного кода вы можете добиться того, что Popover в Bootstrap будет оставаться видимым при наведении и покидании элемента.