Question

bootstrap导航怎么不折叠

Answer 1

在正常引入Bootstrap的CSS文件和JS文件的情况下，用上下面的代码，立马就能实现你的需求：
<header role="banner">
<nav class="navbar navbar-static-top navbar-defaultv" role="navigation">
<div class="container">
<div class="navbar-header a1">
<div class="col-xs-9 hidden-lg hidden-md hidden-sm">
<img class="pull-left col-xs-9" src="pic/logo.jpg" alt="郑锅集团"/>
</div>
<button type="button" class="navbar-toggle btn-lg col-xs-1 pull-left" data-toggle="collapse" data-target=".navbar-collapse">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav nav-tabs nav-justified navbar-nav">
<li role="presentation"><a href="www.ranyouranqiguolu.com">网站首页</a></li>
<li role="presentation"><a href="">关于郑锅</a></li>
<li role="presentation"><a href="">新闻中心</a></li>
<li role="presentation"><a href="">燃气锅炉</a></li>
<li role="presentation"><a href="">工程案例</a></li>
<li role="presentation"><a href="">联系我们</a></li>
</ul>
</div>
</div>
</nav>
</header>