title: Bootstrap 3.1.1 navbar wont collapse?
body: <p>I'm using the following markup to create a collapsable navbar, but it isn't working.</p>
  
  <p>When the screen size narrows the navbar items simply disappear rather than collapse into a lined button. </p>
  
  <pre><code>  &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
        &lt;div class="container"&gt;
            &lt;div class="navbar-header"&gt;
                &lt;a class="navbar-brand" href="#"&gt;My Project&lt;/a&gt;
            &lt;/div&gt;
            &lt;div class="collapse navbar-collapse"&gt;
                &lt;ul class="nav navbar-nav pull-right"&gt;
                    &lt;li class="active"&gt;&lt;a href="./"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                    &lt;li class="active"&gt;&lt;a href="./"&gt;New Post&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/div&gt;
       &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p><br/>
  My JS Fiddle: <a href="http://jsfiddle.net/meconlin/gspDY/" rel="nofollow">link</a></p>