Bootstrap导航栏未扩展

我正在尝试使用Bootstrap创建可折叠的导航栏，但是无论我尝试了多少次以及检查完成方式的次数，我都无法使单击按钮展开导航栏。

这是我的HTML：

<section id="upper-section">
    <div class="container mini-container">
        <nav class="navbar navbar-default navbar-static-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-target="#nav" 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 href="index.html" class="navbar-brand">
                        <img src="img/logo.png" alt="Logo">
                    </a>
                </div>
                <div id="nav" class="navbar-collapse collapse navbar-right">
                    <ul class="nav navbar-nav">
                        <li class="active">
                            <a href="index.html">Home</a>
                        </li>
                        <li>
                            <a href="prjects.html">Projects</a>
                        </li>
                        <li>
                            <a href="professors.html">Professors</a>
                        </li>
                        <li>
                            <a href="contact.html">Contact</a>
                        </li>
                        <li>
                            <a href="admin.html">Administration</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</section>

而且我确保jquery之前已加载bootstrap.js：

<script src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap.js"></script>

我不知道这是怎么回事，为什么按下按钮没有展开导航栏？

编辑： 小提琴