Javascript 导航在移动设备中不会崩溃
我在一个引导网站上工作 我多次检查代码,添加了bootstrap.min.css、bootstrap.min.js和jquery,但由于某种原因,当我使用移动设备或Google Inspector时,标题nav没有崩溃 这是我的头导航代码Javascript 导航在移动设备中不会崩溃,javascript,jquery,html,css,twitter-bootstrap-3,Javascript,Jquery,Html,Css,Twitter Bootstrap 3,我在一个引导网站上工作 我多次检查代码,添加了bootstrap.min.css、bootstrap.min.js和jquery,但由于某种原因,当我使用移动设备或Google Inspector时,标题nav没有崩溃 这是我的头导航代码 <div class="masthead hidden-sm"> <img src="{{ asset('images/layout/header.JPG') }}" class="img-responsive logo-header
<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>
切换导航
{!!Form::open(['route'=>'front.index','method'=>'GET','class'=>'navbar Form','role'=>'search'])
{!!Form::close()!!}
任何帮助都将不胜感激,请提前感谢嘿,请尝试将此设置在您的头标签中:
<meta name="viewport" content="width=device-width, initial-scale=1">
如果你想了解更多关于这项工作的信息,请查看这个
嘿,试着在你的头标签中设置这个:
<meta name="viewport" content="width=device-width, initial-scale=1">
如果你想了解更多关于这项工作的信息,请查看这个
它破坏了所有设计它破坏了所有设计