Раскрывающееся меню начальной загрузки: не уверен, откуда исходит селектор (.btn-group)

Question

По умолчанию раскрывающиеся меню начальной загрузки открываются и закрываются нажатием, а не при наведении курсора. Мне удалось решить это с помощью фрагмента сценария, взятого из другого источника, хотя я не уверен, откуда берется одно из значений. Класс .btn-group, кажется, нигде не присутствует в моем html. Что именно здесь происходит? Откуда берется «.btn-group»? Мне бы очень хотелось понять.

Я удалил «.btn-group» из скрипта, чтобы посмотреть, что он сделал, и раскрывающийся список не сработал.

<ul class="navbar-nav ml-auto pr-2 uac-navbar-links">
  <li class="nav-item dropdown with-arrow">
    <a class="nav-link" href="#" data-toggle="dropdown">Dropdown Link</a> 
      <div class="dropdown-menu">
      </div>
  </li>
</ul>

$(document).ready(function(){
    $(".nav-item.dropdown .btn-group").hover(function(){
        var dropdownMenu = $(this).children(".dropdown-menu");
        if(dropdownMenu.css("display","none")){
            dropdownMenu.parent().toggleClass("show");
        }
    });
}); 

$(".nav-item.dropdown .nav-link").click(function (e) {
            e.stopPropagation();
});

Я так понимаю, что:

первая функция нацелена на .nav-item.dropdown, но я понятия не имею, откуда берется .btn-group ипочему это так важно для всей этой работы.

Любое понимание будет с благодарностью.