title: Best way to use Bootstrap 3 Navbar without responsive collapse
body: <p>I'm trying to create a simple Navbar in Bootstrap 3 that doesn't collapse - responsive isn't necessary here because we just have a simple title on the left + button on the right. </p>
  
  <p>My goal is to have the title + buttons always appear the same for all resolutions. Something like this:</p>
  
  <pre><code>&lt;div class="navbar navbar-fixed-top"&gt;
  
      &lt;form class="navbar-form navbar-right"&gt;
          &lt;button class="btn btn-default"&gt;Button 1&lt;/button&gt;
          &lt;button class="btn btn-default"&gt;Button 2&lt;/button&gt;
      &lt;/form&gt;
  
      &lt;a class="navbar-brand" href="#"&gt;Title Here&lt;/a&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I've tried numerous combinations from the <a href="http://getbootstrap.com/components/#navbar" rel="noreferrer">documentation</a>. And <a href="https://github.com/twbs/bootstrap/pull/9403" rel="noreferrer">this post outlines how to use the new .nav-header classes</a>. I've tried duplicating the elements inside .nav-header - and also tried overriding the BS3 media query styles.</p>
  
  <p>Is there an easier way to use the Navbar without collapsing? </p>