title: Bootstrap Navbar Search Bar
body: <p>I have a navbar with a search feature but the search feature is slightly below the rest of the items.</p>
  
  <p>Image: <a href="http://i.imgur.com/B55nIAq.jpg" rel="nofollow">http://i.imgur.com/B55nIAq.jpg</a> (Ops that Blog and Contact Me are active)</p>
  
  <p>This is the code inside the navbar (with only home and search)</p>
  
  <pre><code>&lt;!-- Navigation Links --&gt;
              &lt;div class = "collapse navbar-collapse navHeaderCollapse"&gt;
  
                  &lt;ul class = "nav navbar-nav navbar-right"&gt;
  
                      &lt;li&gt;&lt;a href = "../index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;
                          &lt;form class="navbar-form navbar-left form-inline" id="search" role="search"&gt;
  
                              &lt;div class="form-group-group"&gt;
                                  &lt;&lt;div class="input-group" style="width: 220px;"&gt;
                                      &lt;input type="text" class="form-control" placeholder="Search"&gt;
                                      &lt;span class="input-group-btn"&gt;
                                          &lt;button class="btn btn-default" type="button"&gt;&lt;b class = "glyphicon glyphicon-search"&gt;&lt;/b&gt;&lt;/button&gt;
                                      &lt;/span&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt; &lt;!-- END form group div --&gt;
  
                          &lt;/form&gt; &lt;!-- END search bar form --&gt;
  
                      &lt;/li&gt;
                  &lt;/ul&gt; &lt;!-- END navbar list --&gt;
  
              &lt;/div&gt; &lt;!-- END navbar collapse div --&gt;
  </code></pre>
  
  <p>Can anyone fix it so the search bar is on the same level as the other links.</p>