title: Bootstrap navbar won't close
body: <p>My page, containing a bootstrap navbaar, shows a togglebutton for the menulinks when viewed in smal window. Hiiting this buttons shows the dropdown containing the menuitems but after pressing the togglebutton again it won't close...</p>
  
  <p>Anyone know why?</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;title&gt;Loket BWL Rapportage&lt;/title&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
      &lt;link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" /&gt;
      &lt;link rel="stylesheet" href="bwl.css" type="text/css"/&gt;
  
      &lt;/head&gt;
  
      &lt;body&gt;
      &lt;nav class="navbar navbar-inverse navbar-static-top navbar-default" role="navigation"&gt;
        &lt;!-- Brand and toggle get grouped for better mobile display --&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-ex1-collapse"&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;img class="imgLogo" src="Images/arnhemlogo.png" alt="arnhem" /&gt;
  
          &lt;/div&gt;
  
          &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
          &lt;div class="collapse navbar-collapse navbar-ex1-collapse"&gt;
            &lt;ul class="nav navbar-nav"&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;testlink 1&lt;/a&gt;
              &lt;/li&gt;
              &lt;li&gt;
                &lt;a href="#"&gt;testlink 2&lt;/a&gt;
              &lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
          &lt;!-- /.navbar-collapse --&gt;
        &lt;/div&gt;
      &lt;/nav&gt;
  
      &lt;div class="container"&gt;
        &lt;table class="table table-bordered"&gt;
          &lt;tr&gt;
            &lt;td class = "header"&gt;Onderwerp&lt;/td&gt;
            &lt;td class = "header"&gt;Gegevens&lt;/td&gt;
          &lt;/tr&gt;
          &lt;xsl:apply-templates/&gt;
        &lt;/table&gt;
        &lt;!--&lt;br/&gt;
          &lt;div style="font-size:12px"&gt;&lt;b&gt;&lt;a href="metainfo.htm" target="blank"&gt;Meta-informatie&lt;/a&gt;&lt;/b&gt;&lt;/div&gt;--&gt;
      &lt;/div&gt;
      &lt;/body&gt;
    &lt;script language="JavaScript" src="https://code.jquery.com/jquery.js" /&gt;
    &lt;script language="JavaScript" src="../Scripts/bootstrap.js" /&gt;
  
    &lt;/html&gt;
  </code></pre>