title: Fixed Search Box in Bootstrap Navbar
body: <p>I'm trying to figure out how to make the search box fixed in the navigation bar instead of being part of the dropdown menu. The final output would be something similar to the image below.</p>
  
  <p><a href="https://i.stack.imgur.com/oj3y4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oj3y4.png" alt="Bootstrap Nav"></a></p>
  
  <p></p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;!-- add header --&gt;
      &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar1"&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;/div&gt;
  
      &lt;!-- add menu --&gt;
      &lt;div class="collapse navbar-collapse" id="navbar1"&gt;
          &lt;ul class="nav navbar-nav"&gt;
            &lt;li class="active"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="/about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="/services.html"&gt;Services&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;!-- add search form --&gt;
          &lt;form class="navbar-form navbar-right" role="search"&gt;
              &lt;div class="input-group"&gt;
                &lt;input type="text" class="form-control" placeholder="Search this site"&gt;
                  &lt;span class="input-group-btn"&gt;
                      &lt;button type="submit" class="btn btn-default"&gt;
                      &lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                  &lt;/span&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Here's the code I'm currently working on: <a href="http://www.bootply.com/fb311f2zSJ#" rel="nofollow noreferrer">http://www.bootply.com/fb311f2zSJ#</a></p>