title: Best way to create Bootstrap 3 Navbar without wrapping text (and no collapse)
body: <p>I'm trying to create a Navbar with Bootstrap 3 that <strong>doesn't collapse or wrap the text</strong>. I'd like the text to simply be cut off (or ellipses) <strong>instead of wrapping - so the Navbar remains on a single line without expanding vertically</strong>. (this Navbar will be used to display the current view location with a single right-aligned menu)</p>
  
  <p>Something like this:</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top navbar-inverse"&gt;
  
      &lt;div class="navbar-header pull-left"&gt;
          &lt;p class="navbar-text" style="overflow: hidden; white-space: nowrap;"&gt;
              Trying to get this long line of text to not wrap even if too wide for the view to display. Trying to get this long line of text to not wrap even if too wide for the view to display.
          &lt;/p&gt;
      &lt;/div&gt;
  
      &lt;div class="navbar-header pull-right"&gt;
          &lt;p class="navbar-text"&gt;Menu&lt;/p&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>As shown, I've been fooling with CSS float, overflow, whitespace settings and can't seem to get the right combination. Also, I'm using two navbar-header elements to avoid collapsing, but I'm open to other options if there is a better way.</p>
  
  <p>Thanks for the help.</p>