title: Add a quote Button to bootstrap Navigation Bar and Make it stay Permanently?
body: <p>I would like:</p>
  
  <pre><code>1. The Free Quote Button to be forced right
  2. At small screensizes I would like free quote button to remain to the right of the (icon bar button [mobile menu])
  3. I don't want the navigation bar to take up an extra line when at smaller screen size
  </code></pre>
  
  <p>Fiddle:</p>
  
  <p><a href="http://jsfiddle.net/z7V4F/" rel="nofollow">http://jsfiddle.net/z7V4F/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!-- Nav bar --&gt;
  &lt;nav class="navbar navbar-inverse navbar-fixed-top navi-style" role="navigation"&gt;
      &lt;!-- quote button--&gt;
      &lt;!--&lt;a href="#" class="btn btn-default navbar-right"&gt;Free Quote&lt;/a&gt;--&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;&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="navbar-brand menulogo" href="#"&gt;
                  My Site + Logo Makes This Long
              &lt;/a&gt;
  
      &lt;/div&gt;
      &lt;div class="navbar-collapse collapse"&gt;
          &lt;ul class="nav navbar-nav"&gt;
              &lt;!--&lt;li class="active"&gt;&lt;a href="/index"&gt;Home&lt;/a&gt;&lt;/li&gt;--&gt;
              &lt;li class="dropdown"&gt;   &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Info Tab&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Overview&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;contact Tab&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Overview&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;about Tab&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Overview&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;More Tab&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
  
                  &lt;ul class="dropdown-menu"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Overview&lt;/a&gt;
  
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
              &lt;div class="navbar-right"&gt;  &lt;a href="#" class="btn btn-default"&gt;Free Quote&lt;/a&gt;
  
              &lt;/div&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/nav&gt;
  </code></pre>