title: Collapsible bootstrap navbar
body: <p>I have problem with my collapsible navbar. It shows collapsible button but not "li" when i click on button.
  <a href="http://i.stack.imgur.com/7NxD9.png" rel="nofollow">Demo</a></p>
  
  <p>Here is code</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
   &lt;title&gt;Navbar Collapse&lt;/title&gt;
   &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
   &lt;script type="text/javascript" href="jquery/jquery-1.12.2.min.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript" href="js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
   &lt;div class="navbar navbar-inverse"&gt;
    &lt;div class="container"&gt;
      &lt;a href="#" class="navbar-brand"&gt;MyWebsite&lt;/a&gt;
      &lt;button class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar"&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;div class="collapse navbar-collapse" id="mynavbar"&gt;
      &lt;ul class="nav navbar-nav navbar-left" &gt;
       &lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=""&gt;about&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=""&gt;contact&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href=""&gt;search&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
     &lt;/div&gt;
    &lt;/div&gt; 
   &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>