Как показать табы при наведении Boostrap 4?

Question

[RushV]

Как сделать, чтобы табы работали при наведении и ссылка была активной?

<a class="nav-link bg-transparent h4" data-toggle="tab" id="v-pills-[[+id]]-tab" href="адрес" role="tab" aria-controls="v-pills-[[+id]]" aria-selected="true">[[+pagetitle]]</a>

$('#v-pills-tab a').hover(function (e) {
      $(this).tab('show');
    });