title: How can I make this dropdown search bar look nicer?
body: <p>Made a dropdown button and when clicked reveals a search bar, but it's not very good looking at all, what class can I use to make it fit in better? This is how it currently looks :</p>
  
  <p><img src="https://i.stack.imgur.com/TO0w9.png" alt="My not nice looking search bar"></p>
  
  <pre><code>  &lt;li class="dropdown"&gt;
            &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Search&lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
            &lt;ul class="dropdown-menu"&gt;
            &lt;form&gt;
            &lt;div class="input-prepend"&gt;
            &lt;div class="btn-group"&gt;&lt;
            &lt;button class="btn" tabindex="-1"&gt;Search&lt;/button&gt;
            &lt;select class="btn dropdown-toggle" style="width: 140px;"&gt;
            &lt;option&gt;Suncor&lt;/option&gt;
            &lt;option&gt;Syncrude&lt;/option&gt;
            &lt;option&gt;Albian Sands&lt;/option&gt;
            &lt;/select&gt;
            &lt;/div&gt;
            &lt;input type="text"&gt;
            &lt;/div&gt;
            &lt;/form&gt;
            &lt;/ul&gt;
            &lt;/li&gt;
            &lt;/ul&gt;
  </code></pre>