2

我一直在搞乱我的网站一段时间，似乎无法让我的导航下拉菜单真正下拉。我已经阅读了一些关于此的问题，但找不到如此具体的内容。

我已经安装了我的 .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>

似乎无法理解为什么这不起作用。如果有人可以提供帮助，那就太棒了。

4

2 回答 2

2

您将两次包含 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-12T20:19:43.557 回答
0

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

于 2012-11-12T13:00:23.787 回答