title: Navbar toggle collapse
body: <p>Why my button doesn't want to work when browser window collapsed? I mean once hamburger menu button is clicked no menu appears. </p>
  
  <p>Here is my <strong>HTML</strong>:</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
   &lt;/head&gt;
    &lt;body&gt;
      &lt;!-- Navbar style available in Bootstrap framework--&gt;
      &lt;div class="navbar navbar-inverse navbar-fixed-top" role="navigation"&gt;
        &lt;!-- /end--&gt;
        &lt;!-- Anything that has to be responsive we are going to keep inside the Bootstrap grid --&gt;
        &lt;div class="container"&gt;
          &lt;!-- /end --&gt;
          &lt;div class="navbar-header"&gt;
  
            &lt;button type="button" class="navbar-toggle btn-lg" data-toggle="collapse" data-target=".navbar-collapse" id="btnnavbar"&gt;
        &lt;!-- For screen readers only --&gt;
        &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
         &lt;!-- /end --&gt;
         &lt;!-- Hamburger menu button appears when browser window has been shrinked --&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;!-- /end --&gt;
        &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
        &lt;a class="navbar-brand" href="http://codepen.io/ekilja01"&gt;&lt;img id="imgbrand" src="http://www.kiljakandweb.com/favicon.png" alt="brand logo"&gt;&lt;/a&gt;
  
          &lt;/div&gt;
  </code></pre>
  
  <p>I guess everyone is fine until this point</p>
  
  <pre><code>        &lt;div class="navbar-collapse collapse"&gt;
            &lt;ul class="nav navbar-nav navbar-right"&gt;
              &lt;li class="active" id="btnhome"&gt;&lt;a href="#"&gt;About&lt;/a&gt;&lt;/li&gt;
              &lt;li id="btnhome"&gt;&lt;a href="#"&gt;Portfolio&lt;/a&gt;&lt;/li&gt;
              &lt;li id="btnhome"&gt;&lt;a href="#"&gt;Contact&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>