2016-03-05 152 views
-1

当页面缩小到平板电脑/手机大小时,将显示切换按钮,但不起作用。下面是HTMLBootstrap导航栏切换按钮不起作用

<nav class="navbar navbar-inverse navbar-fixed-top"> 
 

 
\t \t <div class="container"> 
 
\t \t \t <div class="navbar-header"> 
 
\t \t \t \t <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-nav-demo" aria-expanded="false"> 
 
\t \t \t \t \t <span class="sr-only">Toggle navigation</span> 
 
\t \t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t \t \t <span class="icon-bar"></span> 
 
\t \t \t \t </button> 
 
\t \t \t \t <a href="#" class="navbar-brand"><span class="glyphicon glyphicon-picture" aria-hidden="true"></span> IMGS</a> 
 
\t \t \t </div> 
 
\t \t \t <div class="collapse navbar-collapse" id="bs-nav-demo"> 
 
\t \t \t \t <ul class="nav navbar-nav"> 
 
\t \t \t \t \t <li><a href="#">About</a></li> 
 
\t \t \t \t \t <li><a href="#">Contact</a></li> 
 
\t \t \t \t </ul> 
 
\t \t \t \t <ul class="nav navbar-nav navbar-right"> 
 
\t \t \t \t \t <li><a href="#">Sign Up</a></li> 
 
\t \t \t \t \t <li><a href="#">Login</a></li> 
 
\t \t \t \t </ul> 
 
\t \t \t </div> 
 
\t \t </div> 
 

 
\t </nav> 
 

 
.... 
 
.... 
 

 

 
\t <script type="text/javascript" href="https://code.jquery.com/jquery-2.2.1.js"></script> 
 
\t <script type="text/javascript" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

它不包括所需的JS链接。

+0

愚蠢的问题,而是:你开

+0

这是编辑代码块时的错误。这是调整 –

+0

我检查了所有类似的问题,但我找不到解决方案。也许一些小问题需要纠正 –

回答

1

所以我找到了问题;这是非常轻微的。 href属性应该替换为脚本标签上的src属性。崇高文本的选项卡按脚本默认为href。

\t <script src="https://code.jquery.com/jquery-2.2.1.js"></script> 
 
\t <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>