Jquery 引导3导航栏不会折叠

Jquery 引导3导航栏不会折叠,jquery,html,css,twitter-bootstrap,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap,Twitter Bootstrap 3,我知道我遗漏了一些简单的东西,但当我缩小屏幕时,导航栏折叠切换不起作用。我已经搜索了这么多,但找不到解决问题的解决方案 有人能帮我找出我在下面的代码中遗漏了什么吗 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" c

我知道我遗漏了一些简单的东西,但当我缩小屏幕时,导航栏折叠切换不起作用。我已经搜索了这么多,但找不到解决问题的解决方案

有人能帮我找出我在下面的代码中遗漏了什么吗

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title></title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/slate-bootstrap.min.css" />
  <link rel="stylesheet" href="css/larry.css" />
</head>
<body>
<div id="page">
  <header class="container">
    <div id="menu" class="navbar navbar-default">
        <div class="navbar-header">
            <button class="btn btn-success navbar-toggle" 
                    data-toggle="collapse" 
                    data-target=".navbar-collapse"><span class="glyphicon glyphicon-chevron-down"></span>
            </button>
            <div id="logo">
                <h4><a href='./index.html'><img src="images/LE-logo.png"></a></h4>
            </div>
        </div>

        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <li class="nav active"><a href="./index.html">Home</a></li>
                <li class="nav"><a href="./resume.html">Resume</a></li>
                <li class="nav"><a href="./contact.html">Contact</a></li>
                <li class="nav"><a href="./about.html">About</a></li>
            </ul>
        </div>
    </div>
  </header>

  <section id="body" class="container">
    <section id="main" class="col-md-9">
        <p> Ipsome loreme, blah , blah</p>

    </section>
  </section>


  <hr />
  <footer class="container">
    <p>Placeholder for footer</p>
  </footer>
</div>

<script scr="js/jquery-2.0.3.min.js"></script>
<script scr="js/bootstrap.min.js"></script>

</body>
</html>

我的一些传说,诸如此类,诸如此类


页脚占位符


看起来还可以。如果navbar collapse元素从未显示,请检查是否为其添加了任何样式,如何隐藏它?

在Firebug(绝对是最好的浏览器调试工具)中调试后,我发现它没有正确加载bootstrap.js。我不知道为什么它没有从我的目录中获取它,但我改为CDN,我必须在前面有“http://”字样。

Glyph图标出现,但它无法切换导航栏折叠分区。您所拥有的已经很好地工作了,谢谢@rwisch45。这一定是浏览器问题,或者jquery由于某种原因未加载。谢谢你指出这一点。我会继续努力。我在JSBin中尝试过这个,但仍然不起作用:对不起,我对JS和Bootstrap还是很陌生。@rwisch45我找到了答案,但是如果你发布了答案,我会给你分数,因为你的评论让我开始正确的方向。据我所知,这是引导框架的一部分。您只需向div添加特定的类名,然后连接数据切换和数据目标,它就会为您处理这个问题。