twitter导航下拉导航不工作

问题描述：

我有一个问题，我不能让引导下拉工作，很不确定问题是什么。我在手机上试过了，菜单没有下降。twitter导航下拉导航不工作

这里是一个DEMO

代码：

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#home">Norges Idrettshøgskole</a> 
     </div> 

     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse navbar-ex1-collapse"> 
      <ul class="nav navbar-nav"> 
       <li><a href="#about">About</a> 
       </li> 
       <li><a href="#services">Services</a> 
       </li> 
       <li><a href="#contact">Contact</a> 
       </li> 
      </ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav>

是否固定的工作，然后加载的jQuery浏览器？如果是这样，你可以运行开发工具，看看是否有控制台错误？ –

有趣的是，在jsfiddle工作，但不是在我的浏览器。我的索引页面链接到js文件夹中正确的javacript文件。 – user3270211

你有没有自定义的CSS或JS脚本？你正确加载jQuery和bootstrap.js吗？ – Mathias

答

根据该意见，请确保您加载bootstrap.js

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css"> 

<!-- jQuery --> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 

<!-- Latest compiled and minified JavaScript --> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

twitter导航下拉导航不工作

相关推荐