title: How do I force Bootstrap 3 to use the desktop menu?
body: <p>I'm wondering how I can 'force' a page created with Bootstrap 3 to scale down a menu without using the hamburger layout. I'm designing a web app where having a full menu (it's only seven one-word items) is important. </p>
  
  <pre><code>&lt;nav class="navbar navbar-default navbar-inverse"&gt;
    &lt;div class="container-fluid"&gt; 
      &lt;!-- Brand and toggle get grouped for better mobile display --&gt;
      &lt;div class="navbar-header"&gt;
        &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"&gt;Toggle navigation &lt;/button&gt;
        &lt;span class="navbar-brand"&gt;The Burkean &lt;br&gt; Pentad&lt;/span&gt;&lt;/div&gt;
  
      &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
      &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
        &lt;ul class="nav navbar-nav"&gt;
          &lt;li class="active"&gt;&lt;a href="#"&gt;Intro &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Act&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Scene&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Agent&lt;/a&gt; &lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Agency&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Purpose&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Quiz&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
  &lt;/div&gt;
      &lt;!-- /.navbar-collapse --&gt; 
    &lt;/div&gt;
    &lt;!-- /.container-fluid --&gt; 
  &lt;/nav&gt;
  </code></pre>