title: Bootstrap navigation bar search field with combobox ( or any drop down)
body: <p>I am using  Bootstrap v2.0.2 . Below is the navigation bar I am building for my website </p>
  
  <p><img src="https://i.stack.imgur.com/CLaQH.png" alt="enter image description here">
  The search consists of three fields</p>
  
  <pre><code>1) Combo box or any drop down 
  2) search input text field 
  3) Search icon ( click-able ) 
  </code></pre>
  
  <p>.
  Here is the fiddle for above screen shot (Please open it in firefox)</p>
  
  <p><a href="http://jsfiddle.net/krg78/1/" rel="nofollow noreferrer">http://jsfiddle.net/krg78/1/</a></p>
  
  <p>Is there any way I can make combobox looks like part of text input ( now two looks different fields) and in place of Search2 showing Search icon which can be click-able ( like in facebook) ? </p>
  
  <p>If I use below lines , I am just getting blank field in place of icon .</p>
  
  <pre><code>&lt;span class='add-on' style="float: right"&gt; &lt;i class="icon-search"&gt;&lt;/i&gt; &lt;/span&gt; 
  </code></pre>
  
  <p>Thank You all</p>