<nav id="categoryNavBar" class="navbar navbar-expand-md">
    {{--<div class="row">--}}
    <div class="navbar-toggler" type="button" data-toggle="collapse" data-target="#categoryNav"
         aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation">
        <span class="glyphicon glyphicon-tasks"></span>
    </div>

    <div id="categoryNav" class="navbar-collapse collapse bg-light navbar-light justify-content-md-center">
        <ul id="categoryNavList" class="navbar-nav">

            <li class="nav-item active" data-cat-id="">
                <a class="nav-link" href="#">Все</a>
            </li>
            @foreach($categories as $category)
                <li class="nav-item" data-cat-id="{{ $category->id }}">
                    <a class="nav-link" href="#">{{ $category->title }}</a></a>
                </li>
            @endforeach
            {{--<li class="nav-item dropdown"  >--}}
            {{--<a class="nav-link " data-toggle="dropdown" href="#">Services</a>--}}
            {{--<ul class="dropdown-menu">--}}
            {{--<li><a href="#">Website Designing</a></li>--}}
            {{--<li><a href="#">Website Development</a></li>--}}
            {{--<li><a href="#">Content Writing</a></li>--}}
            {{--<li><a href="#">PPC Services</a></li>--}}
            {{--<li><a href="#">SMO</a></li>--}}
            {{--<li><a href="#">SEO</a></li>--}}
            {{--</ul>--}}
            {{--</li>--}}
        </ul>
    </div>
</nav>