title: How can I prevent twitter bootstrap from collapsing the top nav dropdown menus at browser widths less than 960px wide?
body: <p>I have tried playing with the various class min/max heights and widths in CSS and can't seem to prevent the top nav bar from collapsing my dropdown menus.  I would prefer a fixed width, but full screen menu fixed to the top.  The dropdowns work fine, but when I reduce the width of the browser window it collapses.  I've removed the toggle but no love from bootstrap. Here is the code from bootstrap 2.0:</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
    &lt;div class="navbar-inner"&gt;
      &lt;div class="container-fluid"&gt;
        &lt;a class="brand" href="./index.html"&gt;Brand Name&amp;nbsp;&lt;/a&gt;
          &lt;ul class="nav"&gt;
             &lt;form class="navbar-search"&gt;
               &lt;input type="text" class="search-query" placeholder="Search Active Page..."&gt;
             &lt;/form&gt;
          &lt;/ul&gt;
  
         &lt;ul class="nav pull-right"&gt;
                 &lt;li class="dropdown"&gt;
                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;
                      &lt;i class="icon-user icon-white"&gt;&lt;/i&gt;&amp;nbsp;Pages&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                    &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;My Pages&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;New Page&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Share Your Pages&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Page Browswer&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
                &lt;/li&gt; 
  
                 &lt;li class="dropdown"&gt;
                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;
                      &lt;i class="icon-cog icon-white"&gt;&lt;/i&gt;&amp;nbsp;Settings&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                    &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Upload Images&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Upload Files&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link Other Accounts&lt;/a&gt;&lt;/li&gt;
                       &lt;li&gt;&lt;a href="#"&gt;Manage Labels&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="divider"&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Privacy Settings&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Help&lt;/a&gt;&lt;/li&gt;
                   &lt;/ul&gt;
                &lt;/li&gt; 
             &lt;li&gt;&amp;nbsp;&amp;nbsp;&lt;img src="img/small_fb_pic.jpg" vspace="5px"&gt;&lt;/li&gt;
             &lt;li class="dropdown"&gt;
              &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;
                 John&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Logout&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="divider"&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Help&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
            &lt;/li&gt;      
  
  
          &lt;/ul&gt;  &lt;!-- end left justified menu items --&gt;
  
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>