I have been working on a bootstrap site at http://soygarota.com/blog/public
After checking the code multiple times, I have added the bootstrap.min.css, bootstrap.min.js, and jQuery. However, for some reason, the header navigation is not collapsing when viewed on mobile devices or in Google Inspector.
Below is the code snippet of my header navigation:
<div class="masthead hidden-sm">
<img src="{{ asset('images/layout/header.JPG') }}" class="img-responsive logo-header-img"/>
</div>
<div class="navbar navbar-inverse text-center sin-bordes" role="navigation">
<div class="container-fluid text-center">
<div class="navbar-header text-center">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse text-center">
<ul class="nav navbar-nav text-center">
<li><a href="{{ Route('front.index') }}" class="HeaderLink">HOME</a></li>
<li><a href="{{route('front.search.category', 'INSPIRATION')}}" class="HeaderLink">INSPIRATION</a></li>
<li><a href="{{route('front.search.category', 'LIFESTYLE')}}" class="HeaderLink">LIFESTYLE</a></li>
<li><a href="{{route('front.search.category', 'FASHION')}}" class="HeaderLink">FASHION</a></li>
<li><a href="{{ route('front.about') }}" class="HeaderLink">ABOUT</a></li>
<li><a href="{{ route('front.contact') }}" class="HeaderLink">CONTACT</a></li>
</ul>
<div class="col-sm-3 col-md-3 pull-right">
{!! Form::open(['route' => 'front.index', 'method' => 'GET', 'class' => 'navbar-form','role' => 'search']) !!}
<div class="input-group">
<div class="input-group-btn">
<button class="btn btn-default" type="submit" id="SearchInput"><i class="glyphicon glyphicon-search" id="SearchIcon"></i></button>
</div>
<input type="text" class="form-control" placeholder="SEARCH" name="srch_term" id="srch_term">
</div>
{!! Form::close() !!}
</div>
</div><!--/.nav-collapse -->
</div>
</div>
Any assistance with this issue would be greatly appreciated, thank you in advance