title: bootstrap navbar-static-top menu breaks on two lines
body: <p>I encountered a problem with the bootstrap navbar.</p>
  
  <p>I Made menu using the navbar-static-top - at first it was all good. When menu was expanded and few items added, and now with the width before to collapse, it is spreading into two lines that looks awful. In CSS bootstrap'a dig deeper, but without much success. Please help, how to be here?</p>
  
  <p>Currently it looks like shown here:
  <img src="https://i.stack.imgur.com/tYESD.png" alt="enter image description here"></p>
  
  <p>Navbar code:</p>
  
  <pre><code>&lt;div class="navbar-wrapper"&gt;
    &lt;div class="container"&gt;
  
      &lt;div class="navbar navbar-inverse navbar-static-top" role="navigation"&gt;
        &lt;div class="container"&gt;
          &lt;div class="navbar-header"&gt;
            &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
              &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&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;a class="bright-logo-text navbar-brand" href="index.html"&gt;Clipboard Stripper&lt;/a&gt;
          &lt;/div&gt;
  
          &lt;div class="navbar-collapse collapse"&gt;
            &lt;ul class="nav navbar-nav"&gt;
              &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
  
              &lt;li class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Features&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                  &lt;li&gt;&lt;a href="features.html"&gt;Features&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="screenshots.html"&gt;Screenshots&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="active"&gt;&lt;a href="usage.html"&gt;Usage&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
              &lt;/li&gt;
  
  
              &lt;li&gt;&lt;a href="features.html"&gt;Features&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="screenshots.html"&gt;Screenshots&lt;/a&gt;&lt;/li&gt;
              &lt;!--li class="active"&gt;&lt;a href="usage.html"&gt;Usage&lt;/a&gt;&lt;/li--&gt;
              &lt;li&gt;&lt;a href="download.html"&gt;Download&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="purchase.html"&gt;Purchase&lt;/a&gt;&lt;/li&gt;
              &lt;!--li class="dropdown"&gt;
                &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                &lt;ul class="dropdown-menu"&gt;
                &lt;/ul&gt;
              &lt;/li--&gt;
            &lt;/ul&gt;
            &lt;ul class="nav navbar-nav navbar-right"&gt;
              &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>