Loomix
3 months ago
291
2
Laravel

Using route helper links with tabbed nav bar pills

Posted 3 months ago by Loomix

I am new to Bootstrap and I'm really getting mad over this: The following code works for the tabbing but the links show no effect. When I remove data-toogle or set data-toggle="link" the links are fine but the tabbing is gone. I am sure it's me, so what is the best practise to do this? Thanks

<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>

Please sign in or create an account to participate in this conversation.