Question

我一直在搞乱我的网站一段时间，似乎无法让我的导航下拉列表实际下降。我已经阅读了一些有关此问题的问题，但找不到具体的内容。

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

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

Answer 1

你要两次包含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的缩小版本;这是相同的代码。

Answer 2

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

Bootstrap下拉列表无效

2 个答案: