NO ME FUNCIONA EL BOTON DE COLAPSAR BARRA DE NAVEGACION, CON LARAVEL Y BOOTSTRAP[Sin respuesta]

<nav class="navbar navbar-expand-md bg-white shadow-sm">
	<a href="{{route('home')}}">
		{{config('app.name')}}
	</a>

    <button class="navbar-toggler" type="button"
         data-toggle="collapse"
         data-target="#navbarSupportedContent"
         aria-controls="navbarSupportedContent"
         aria-expanded="false" 
         aria-label="{{ __('Toggle navigation') }}"
         ><span class="navbar-toggler-icon"></span>
    </button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">

	<ul class="nav nav-pills">
		<li class="nav-item ">
			<a class="nav-link {{setActive('home')}}" href="{{route('home')}}">{{__('Home')}}</a>
		</li>

		<li class="nav-item">
			<a class="nav-link {{ (request()->routeIs('about')) ? 'active':'' }}"  href="{{route('about')}}">{{__('About')}}</a>
		</li>

		<li class="nav-item">
			<a class="nav-link {{ (request()->routeIs('projects.*')) ? 'active':'' }}" href="{{route('projects.index')}}">{{__('Projects')}}</a>
		</li>

		<li class="nav-item">
			<a class="nav-link {{ setActive('contact')? 'active':'' }}" href="{{route('contact')}}">{{__('Contact')}}</a>
		</li>
			<!--se recomienda usar el ultimo estilo(contact)-->

		@guest
		<li>
			<a class="nav-link {{ setActive('login')}}" href="{{route('login')}}">Login</a>
		</li>

		@else
		<li><a href="#"onclick="event.preventDefault();
                                       document.getElementById('logout-form').submit();">Cerrar sesion</a></li>
		@endguest

	</ul>
</div>
</nav>
	<form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none" style="display: none;">
        @csrf
    </form>