Bootstrap - 选择和按钮彼此相邻

我有一个<select>和一个彼此相邻的按钮，想用 bootstrap 来设计它们的样式。Select没有类看起来像这样：

select with class="form-control" looks like this:

请注意，该按钮现在是under选择。我不确定是哪个 CSS 属性造成的。我应该改变什么，才能在选择旁边有按钮？

您可以将<select>和<button> in an input-group:

<div class="input-group">
  <select class="form-control">
    <option>Select option..</option>
    <option>Option 1</option>
    <option>Option 2</option>
  </select>            
  <span class="input-group-btn">
    <button class="btn btn-default" type="button" tabindex="-1"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
  </span>
</div>

这样，您就可以使用普通表单，只需将一个选择和按钮分组在一起。

查看JSFiddle 示例 http://jsfiddle.net/jz1L4qj8/