Bootstrap 3输入组不使用select元素

Question

我正在尝试使用下拉选择器在Bootstrap 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（http://www.bootply.com/ZVSunDnXif）中工作正常：

但如果我使用完全相同的代码将它放入我的网站（ASP.Net Web Forms），它就会破坏：

我不会介意这么多（在香草引导中它只缺少选择框周围的边框），除了我使用Bootswatch主题版本，它没有甚至正确对齐：

输入组的css路径为body > form > div #MainBody > div.row > div.col-md-9 > div.form-group。

如果我删除了select元素，它显示正常，那么我对它的定义有什么不对吗？

Answer 1

尝试将行类添加到select元素的form-group div parent。我的选择元素打破了表单div并进入另一行。添加行类会将其保持在视觉上，尽管它仍然在html表单标记之外。我将分别发布相关内容。