NAVが、私は、ブートストラップサイト<a href="http://www.soygarota.com/blog/public" rel="nofollow">http://soygarota.com/blog/public</a></p> <p>に取り組んでいます

Question

モバイルデバイスに崩壊していないし、私がチェックモバイルデバイスや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"> 

の場合あなたはこれがどのように動作するかについてもう少し詳しく知りたいです。 Link