Использование маршрутных ссылок с таблетками Nav с вкладками в Bootstrap Laravel

Question

Следующий код работает для вкладок, но ссылки не дают никакого эффекта. Когда я удаляю data-toogle или устанавливаю data-toggle="link", ссылки в порядке, но вкладки больше нет. Так как же получить вкладки со ссылками на маршрут? Спасибо.

<nav class="navbar navbar-expand-sm fixed-top navbar-light bg-white">
    <div class="container-fluid">
        <ul class="nav nav-pills nav-pills-primary nav-pills-icons justify-content-center" role="tablist">
            <li class="nav-item" style="padding -right:0.9em;">
                <a class="nav-link active" data-toggle="tab" href="{{ route('user.index') }}" role="tablist">User </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="{{ route('page.charts') }}" role="tablist" margin="30px">Charts </a>
            </li>
        </ul>
    </div>
</nav>

Answer 1

<a class="nav-link {{ Route::is('user.index') ? 'active' : '' }}" data-toggle="link" href="{{ route('user.index') }}" role="tablist">User </a>

<a class="nav-link {{ request()->is('page.charts') ? 'active' : '' }}" data-toggle="link" href="{{ route('page.charts') }}" role="tablist" margin="30px">Charts </a>