使用选项卡在导航栏中激活下拉菜单导航项

Question

我正在使用带有选项卡式导航丸的导航栏，效果很好。现在，我添加了一个包含一些项目的nav-item下拉列表，但是从下拉列表中选择一个项目并不会将下拉nav-item设置为活动状态。问题似乎是所选项目与导航链接不同（因此不能将其设置为“活动”），并且数据工具也不能设置为“链接”。选中后，如何“告诉”下拉项以将导航项设置为“活动”？谢谢。

<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>
(...)