title: Bootstrap navbar not expanding
body: <p>I am trying to make a collapsible navbar with Bootstrap but no matter how many times I try and how many times I check the way it's done I can't manage to make clicking the button expand the navbar.</p>
  
  <p>This is my HTML:</p>
  
  <pre><code>&lt;section id="upper-section"&gt;
      &lt;div class="container mini-container"&gt;
          &lt;nav class="navbar navbar-default navbar-static-top"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;button type="button" class="navbar-toggle collapsed" data-target="#nav" aria-expanded="false"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;a href="index.html" class="navbar-brand"&gt;
                          &lt;img src="img/logo.png" alt="Logo"&gt;
                      &lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div id="nav" class="navbar-collapse collapse navbar-right"&gt;
                      &lt;ul class="nav navbar-nav"&gt;
                          &lt;li class="active"&gt;
                              &lt;a href="index.html"&gt;Home&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="prjects.html"&gt;Projects&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="professors.html"&gt;Professors&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="contact.html"&gt;Contact&lt;/a&gt;
                          &lt;/li&gt;
                          &lt;li&gt;
                              &lt;a href="admin.html"&gt;Administration&lt;/a&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>And I made sure <code>jquery</code> is being loaded before <code>bootstrap.js</code>:</p>
  
  <pre><code>&lt;script src="js/jquery-2.1.4.js"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I don't know what's wrong, why pressing the button isn't expanding the navbar?</p>
  
  <p><strong>Edit:</strong> <a href="https://jsfiddle.net/rrmjmaby/1/" rel="nofollow">fiddle</a></p>