title: Search bar with filter bootstrap
body: <p>How would I go about implementing a search bar with a filter, just like the one mentioned here: <a href="https://stackoverflow.com/questions/23053442/bootstrap-amazon-style-search-bar">bootstrap amazon style search bar</a>
  <a href="https://i.stack.imgur.com/taVxl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/taVxl.jpg" alt="enter image description here"></a></p>
  
  <p>All the ones I see on <a href="http://getbootstrap.com/components/#btn-dropdowns-dropup" rel="nofollow noreferrer">bootstraps page</a> refers to drop down lists with redirects, not select lists: </p>
  
  <p>This is what I have so far but it doesn't look that great and I am unsure if I am doing it correctly.</p>
  
  <p><a href="https://i.stack.imgur.com/kkYJB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kkYJB.jpg" alt="enter image description here"></a></p>
  
  <pre><code>&lt;div class="col-md-9 col-md-push-1 "&gt;
      &lt;h3 class="text-center"&gt;Manage Users&lt;/h3&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-xs-8 col-xs-offset-2"&gt;
                  &lt;div class="input-group"&gt;
                      &lt;div class="input-group-btn search-panel"&gt;
                          &lt;select class="btn btn-default dropdown-toggle" data-toggle="dropdown"&gt;
                              &lt;option&gt;All&lt;/option&gt;
                              &lt;option&gt;Username&lt;/option&gt;
                              &lt;option&gt;Email&lt;/option&gt;
                              &lt;option&gt;Student Code&lt;/option&gt;
                          &lt;/select&gt;
                      &lt;/div&gt;
  
                      &lt;input type="hidden" name="search_param" value="all" id="search_param"&gt;
                      &lt;input type="text" class="form-control" name="x" placeholder="Search term..."&gt;
                      &lt;span class="input-group-btn"&gt;
                          &lt;button class="btn btn-default" type="button"&gt;&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>