title: Twitter Bootstrap: Select element in Nav bar
body: <p>I am having issues with <code>&lt;select&gt;</code> elements lining up in a bootstrap nav bar. I want the text from "Search for" all the way to the "Go!" button to be vertically aligned. It looks as if the button and selection elements are the same height, so I want them to be flush on the top and bottom.</p>
  
  <p>Here's the code:
  </p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="navbar navbar-fixed-top"&gt;
      &lt;div class="navbar-inner"&gt;
          &lt;div class="container"&gt;
          &lt;a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&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;/a&gt;
          &lt;a class="brand" href="#"&gt;Project&lt;/a&gt;
          &lt;div class="nav-collapse collapse"&gt;
              &lt;ul class="nav"&gt;
                  &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;i class="icon-home"&gt;&lt;/i&gt; Home&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
              &lt;form class="navbar-search pull-right"&gt;
                  &lt;div&gt;Search for 
                      &lt;select class="span2"&gt;
                          &lt;option&gt;Things&lt;/option&gt;
                      &lt;/select&gt; in 
                      &lt;select class="span2"&gt;
                          &lt;option&gt;City, NY&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;button type="button" class="btn btn-primary"&gt;Go!&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's a jsFiddle with an example. <a href="http://jsfiddle.net/jefe317/EjS6f/2/" rel="nofollow noreferrer">http://jsfiddle.net/jefe317/EjS6f/2/</a></p>
  
  <p>Both Firefox and Chrome show similar results </p>
  
  <p><img src="https://i.stack.imgur.com/M8IDK.png" alt="enter image description here"></p>