Настройка выпадающего элемента навигации активным в панели навигации с вкладками

Question

Я использую навигационную панель с таблетками для вкладок, которая работает хорошо. Теперь я добавил выпадающий список элементов навигации с некоторыми элементами, но выбор элемента из раскрывающегося списка не делает этот элемент активным. Похоже, проблема заключается в том, что выбранный элемент отличается от навигационной ссылки (поэтому его нельзя установить на «активный»), а toogle для данных нельзя установить на «ссылку». Как «сообщить» выпадающему элементу, чтобы он был активным при его выборе? Спасибо.

<div class="nav-tabs-navigation">
    <div class="nav-tabs-wrapper">
        <ul class="nav nav-pills nav-pills-danger nav-pills-icons justify-content-center" data-tabs="tabs" role="tablist" style="margin-right:20px" ;>
            <li class="nav-item">
                <a class="nav-link {{ Route::is('user.index') ? 'active' : '' }}" data-toggle="link" href="{{ route('user.index') }}" role="tablist" style="padding:1px;">
                    <i class="material-icons">group</i>User</a>
            </li>
(...)
            <li class="nav-item dropdown nav-pills-danger nav-pills-icons" role="tablist">
                <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="padding:1px;">
                    <i class="material-icons">person</i>Profil</a>
                </a>
                <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="#">Edit</a>
                </div>
            </li>
(...)