Bootstrap下拉菜单将不起作用

我一直在为我的网站乱搞一段时间，似乎无法让导航上的下拉菜单真正下拉菜单。我已经阅读了几个有关这方面的问题，并且找不到具体的东西。Bootstrap下拉菜单将不起作用

我已经安装了.js文件，一切都连接起来（据我所知）

<script src="/js/bootstrap.js" type="text/javascript"></script> 
<script src="/js/bootstrap.min.js" type="text/javascript"></script> 

<body> 

<div class="navbar navbar-inverse navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="bootstrapindex.html">Student Food</a> 
     <div class="nav-collapse collapse"> 
     <ul class="nav"> 
      <li class="active"><a href="bootstrapindex.html">Home</a></li> 
      **<li><a href="about.html">About</a></li> 
      <li class="dropdown"> 
       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Recipes<b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Featured</a></li> 
       <li><a href="about.html">Latest</a></li> 
       <li><a href="about.html">Something else here</a></li>** 
      </ul> 
      </li> 
      </ul>

似乎无法明白为什么这是行不通的。如果任何人都可以提供帮助，那会很棒。

来源

2012-11-12 Scott Bainbridge

在浏览器控制台中有任何错误吗？ – tagawa

Nope Aptana没有显示任何东西 –

尝试删除包裹div <div class="nav-collapse collapse">。我认为，下拉菜单可能被溢出隐藏（当我复制粘贴你的代码片段时，它会隐藏为）。

来源

2012-11-12 13:00:23

不确定你的意思是它实际上被隐藏了。我删除了该div，但它不起作用？ –

如果您点击“食谱”按钮，您是否可以看到任何视觉变化？我的意思是下拉菜单的一部分？至于我，我可以在Chrome Web Inspector中通过DOM“浏览”，并查看已发布但被删减的下拉块 –

不，当我点击这个时，没有任何变化。不管怎么说，还是要谢谢你 –

您包含Bootstrap JavaScript两次。
删除以下行之一：

<script src="/js/bootstrap.js" type="text/javascript"></script> 
<script src="/js/bootstrap.min.js" type="text/javascript"></script>

bootstrap.min.js是bootstrap.js只是的缩小版本;它是相同的代码。

来源

2012-11-12 20:19:43 Sara

Bootstrap下拉菜单将不起作用

回答

相关问题