title: Bootstrap 3 Navbar Not Responsive
body: <p>I've been testing my bootstrap site on various devices to ensure it's responsive.  I've got everything resizing correctly for different display sizes except the navbar.  On my browser, when I resize the window horizontally it seems to respond, collapsing the menu as expected, but on mobile devices I still see the navbar as if it were displaying in a full screen window on a desktop or laptop.  Here is the code for my navbar:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;nav class="navbar navbar-default navbar-fixed-top"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;div class="navbar-header"&gt;
          &lt;a class="navbar-brand" href="#"&gt;
            &lt;img alt="WinShir" src="img/rocket.png" /&gt; WinShir
          &lt;/a&gt;
          &lt;button type='button' class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&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;span class="sr-only"&gt;Toggle Navigation&lt;/span&gt;
          &lt;/button&gt;
        &lt;/div&gt;
  
        &lt;ul class="nav navbar-nav navbar-right collapse navbar-collapse"&gt;
          &lt;li&gt;&lt;a href="#signInModal" data-toggle="modal"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#signupModal" data-toggle="modal"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  
    &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried changing the nav element to a div to see if that helped without success.  I also removed the enclosing container class div to see if that helped with no luck there either.</p>