Asp.net Bootstrap 3输入组不使用select元素

我正在尝试使用下拉选择器在引导3中正确地获得一个输入组样式，使用以下示例代码：

<div class="form-group">
  <div class="input-group">
    <span class="input-group-btn">
      <select class="btn">
        <option>USD</option>
        <option>GBP</option>
        <option>ZAR</option>
      </select>
    </span>
    <input type="text" class="form-control">
    <span class="input-group-btn">
      <div class="btn btn-default" type="button">Button</div>
    </span>
  </div>
</div>

美元
英镑
扎尔
按钮

它在Bootply（）中运行良好：

但是，如果我使用完全相同的代码将其放入我的网站（ASP.Net Web表单），它会中断：

我不介意这么多（在vanilla bootstrap中，它只是缺少选择框周围的边框），但我使用的是以Boots样例为主题的版本，它甚至没有正确对齐：

输入组的css路径是

body>form>div#MainBody>div.row>div.col-md-9>div.form-group

---

如果删除select元素，它会显示良好，那么我定义它的方式是否有问题？

尝试将row类添加到select元素的窗体组div父级。我的select元素正在分解表单div并进入另一行。添加row类使其在视觉上保持在内部，尽管它仍然在html表单标记之外。我将单独发布这方面的内容。

我现在看到在输入组中使用select元素的引导，因为WebKit浏览器无法完全设置这些元素的样式。我改用了内联表单。