Nav не разрушаются в мобильных устройствах

Question

я работаю на загрузочном сайте http://soygarota.com/blog/public

и я проверил Serveral раз код, добавляется bootstrap.min.css, то bootstrap.min.js и Jquery, но для некоторых причина, по которой заголовок не сбрасывается, когда я использую мобильные устройства или Google Inspector.

Вот код моего заголовка нав

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

Любая помощь будет очень признателен, спасибо заранее

Answer 1

Эй попробуйте установить это в вашей голове тега:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

If вы хотите получить дополнительную информацию о том, как это работает. Link