title: Bootstrap 3 collapsed menu doesn't close on click
body: <p>I have a more or less standard navigation from bootstrap 3</p>
  
  <pre><code>&lt;body data-spy="scroll" data-target=".navbar-collapse"&gt;
      &lt;!-- ---------- Navigation ---------- --&gt;
      &lt;div class="navbar navbar-fixed-top" role="navigation"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                  &lt;/button&gt;
                  &lt;a class="navbar-brand" href="index.html"&gt; &lt;img src="#"&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;ul class="nav navbar-nav navbar-right"&gt;
                      &lt;li class="active"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#one"&gt;One&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#two"&gt;Two&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#three"&gt;Three&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#four"&gt;Four&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>It collapses normally on smaller devices. Clicking on the menu button expands the menu but if I click (or touch for that matter) on a menu link, the menu stays open. What do I have to do, to close it again? </p>