title: Bootstrap 3 Navbar won't collapse on mobile browsers but will in undersized desktop window
body: <p>My Rails 4 site with the latest version of bootstrap will not collapse in mobile however if I open the site on desktop and shrink the window, it will collapse. Here is the code for my navbar: </p>
  
  <pre><code>&lt;div class = "navbar navbar-inverse navbar-static-top"&gt;
      &lt;div class = "container"&gt;
          &lt;a href = "/" class = "navbar-brand" style="color: white;"&gt;Earn And Learn&lt;/a&gt;
          &lt;button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse"&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 navHeaderCollapse"&gt;
              &lt;ul class = "nav navbar-nav navbar-right"&gt;
              &lt;li id="nav_ach"&gt;&lt;a href = "/about/achievements" style="color: white;"&gt;Achievements&lt;/a&gt;&lt;/li&gt;
              &lt;li id="nav_faq"&gt;&lt;a href = "/about/faq" style="color: white;"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
              &lt;li id="nav_test"&gt;&lt;a href = "/about/testimonials" style="color: white;"&gt;Testimonials&lt;/a&gt;&lt;/li&gt;
              &lt;li id="nav_news"&gt;&lt;a href = "/about/news" style="color: white;"&gt;In the News&lt;/a&gt;&lt;/li&gt;
                  &lt;li id="nav_steal"&gt;&lt;a href = "/steal/index" style=" color: white;"&gt;Steal This Idea!&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href = "#" data-toggle="modal" data-target="#myModal" style="color: white;"&gt;Contact Us&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>