能够使用Bootstrap 3网格系统指定选择元素的宽度

Question

我有以下<select>元素，如下所示：

<select id="statusSelect" style="width:175px" class="form-control" name="statusCode">

然而，有人刚刚告诉我，这可能会导致隐藏元素的动态异常。我的问题是：我如何使用Bootstrap 3的网格系统来指定<select>元素的宽度。我尝试过以下方法：

<select id="statusSelect" class="form-control col-md-2" name="statusCode">

但遗憾的是，使用col-md-2甚至col-md-4并不会更改<select>元素的宽度。那么，任何人都可以帮我看看如何使用Bootstrap 3的网格类来指定<select>下拉框的宽度。

非常感谢任何帮助。

Answer 1

您必须将类添加到包装div。

<div class="col-md-2">
  <select id="statusSelect" class="form-control" name="statusCode">
</div>

Answer 2

col-md-2不会更改宽度，因为form-control会覆盖width属性，因为它有width: 100%

您可以在不col-md-2

的情况下添加课程form-control

<select id="statusSelect" class="form-control col-md-2" name="statusCode">

或将col-md-2添加到父级，如@trieber答案