Twitter bootstrap 带组合框（或任何下拉列表）的引导导航栏搜索字段

我使用的是Bootstrap v2.0.2。下面是我为我的网站建立的导航栏

搜索由三个字段组成

1) Combo box or any drop down 
2) search input text field 
3) Search icon ( click-able ) 

。 这是上面屏幕截图的提琴（请在firefox中打开）

有没有办法让combobox看起来像文本输入的一部分（现在有两个不同的字段），并取代Search2显示可点击的搜索图标（如facebook）

如果我使用下面的行，我只是得到一个空白字段来代替图标

<span class='add-on' style="float: right"> <i class="icon-search"></i> </span> 

谢谢大家检查

通过添加相对于combobox的位置并将其移动到输入中，可以使combobox看起来像文本输入的一部分：

.navbar-search select {
  position: relative;
  left: 84px;
}

.navbar-search input {
  padding-left: 84px;
}

---

根据你的提示，我还添加了搜索图标。谢谢。这里是链接