title: bootstrap amazon style search bar
body: <p>Is there an easy way to do something similar to this in bootstrap? A search bar with a drop down selector for a different category? I've been looking through their documentation, something similar to <a href="http://getbootstrap.com/components/#navbar-default" rel="noreferrer">this</a> but with the dropdown being attached to the search bar is what I'm looking for. I want it to be part of my navbar. I recall seeing an example online but can't seem to find it now. Also wondering where it would go in relation to my header at the moment</p>
  
  <p><img src="https://i.stack.imgur.com/eGjIS.jpg" alt="enter image description here"></p>
  
  <pre><code>&lt;header class="navbar navbar-fixed-top navbar-inverse"&gt;
        &lt;div class="navbar-inner"&gt;
          &lt;div class="container"&gt;
            &lt;nav&gt;
              &lt;ul class="nav pull-left"&gt;
                &lt;li&gt;&lt;%= link_to 'New Review', 
                if (current_user) 
                  new_review_path 
                else
                  log_in_path
                end %&gt;&lt;/li&gt;
              &lt;/ul&gt;
            &lt;/nav&gt;
            &lt;nav&gt;
              &lt;ul class="nav pull-right"&gt;
                &lt;li&gt;&lt;%= link_to "Home",    '/' %&gt;&lt;/li&gt;
                &lt;li&gt;&lt;%= link_to "Help",    '#' %&gt;&lt;/li&gt;
                &lt;% if current_user %&gt;
                  &lt;li&gt;&lt;%= link_to "Log out", log_out_path %&gt;
                &lt;% else %&gt;
                  &lt;li&gt;&lt;%= link_to "Sign up", sign_up_path %&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;%= link_to "Log in", log_in_path %&gt;&lt;/li&gt;
                &lt;% end %&gt;
              &lt;/ul&gt;
            &lt;/nav&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/header&gt;
  </code></pre>