Twitter bootstrap 如何使这个下拉搜索栏看起来更好？

制作了一个下拉按钮，当点击时会显示一个搜索栏，但它一点也不好看，我可以使用什么类使它更适合？这就是它目前的样子：

  <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Search<b class="caret"></b></a>
          <ul class="dropdown-menu">
          <form>
          <div class="input-prepend">
          <div class="btn-group"><
          <button class="btn" tabindex="-1">Search</button>
          <select class="btn dropdown-toggle" style="width: 140px;">
          <option>Suncor</option>
          <option>Syncrude</option>
          <option>Albian Sands</option>
          </select>
          </div>
          <input type="text">
          </div>
          </form>
          </ul>
          </li>
          </ul>

<
搜寻
森科尔
合成原油
阿尔宾砂

这里没有利用现有的引导类，只是添加了一个小的定制。这至少是一种解决问题的方法。注意

.dropForm

类是如何添加到

的

CSS

HTML

搜寻
森科尔
合成原油
阿尔宾砂

---

注意-无论你做什么，你都需要清理你的html标记，你可以使用这个bootstrap插件在bootstrap

下拉列表中打开
选择
。
你能设置一个测试页面或一个JSFIDLE吗？@Shail不是真的，我的php包含了很多单独的文件，这需要一段时间：/对不起。另外，我还没有准备好向公众发布：）也许只是稍微改变一下，让它看起来更好：在下拉列表中添加一些填充也会有帮助。
.w140 {
    width: 135px;    
}

.dropForm {
    margin: 0;
    padding: 15px 12px 10px 12px;    
}