Html 引导导航栏折叠在单击时不打开

我正在尝试为我的Mobile.site.master页面使用引导Navbar collaps菜单，但它似乎有问题，按钮在我想要的地方，它只是单击一下，菜单实际上没有打开，我不知道为什么任何帮助都会令人惊讶。代码贴在下面，如果你还需要什么，请告诉我

<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-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">BRAND</a>
            </div>
            <ul class="nav navbar-nav navbar-right">
                      <li>
                        <a href="#">Fixed Link</a>
                      </li>
            </ul>
            <div class="navbar-collapse collapse">

                <ul class="nav navbar-nav">
                     <li><a href="#">L1</a></li>
                    <li><a href=#">L2</a></li>
                </ul>

            </div>

        </div>

---

您忘记了代码中的一个更改href

“

第二个链接

<ul class="nav navbar-nav">
                     <li><a href="#">L1</a></li>
                    <li><a href="#">L2</a></li>
                </ul>

---

您应该在菜单div

中使用一个ID，并在按钮中调用它

data target=“#MenuID”

切换导航

---

你可以在这里看到结果

我不得不恢复我项目的备份，在使用Github时，它删除了使下拉菜单正常工作所需的一个JS文件，但实际上我的代码中没有错误，只是其中一些文件丢失了。

我如何检查这些文件是否包括在内？你肯定有一些文件丢失了……你是必须有jQuery.js bootstrap.js bootstrap。css@Chiller嘿，你能解释一下你的答案吗？你不明白什么

bootstrap.css
jquery library
bootstrap.js

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

    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#MenuID" aria-expanded="false">
        <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="#">Brand</a>
    </div>


    <div class="collapse navbar-collapse" id="MenuID">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">L1 <span class="sr-only">(current)</span></a></li>
        <li><a href="#">L2</a></li>

      </ul>

      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Fixed Link</a></li>

      </ul>
    </div>
  </div>
</nav>