如何将select元素的值设置到Bootstrap框架中的中心位置

Question

我想将select元素的值居中。我正在使用Twitter Bootstrap。

通常，对于其他元素，我们可以向它们添加text-center类。但是，将该类应用于select元素时，它不起作用。如果我将类添加到select元素中包含的每个选项中，它仍然不起作用。

以下是代码段和图片：

<div class="col-sm-2">
  <select class="form-control text-center" ng-model="immunization['D2002.35']">
    <option value=""></option>
    <option value="Yes" class="text-center">Yes</option>
    <option value="No" class="text-center">No</option>
  `enter code here`</select>
</div>

Answer 1

据我所知，没有特定的Bootstrap类可以做到这一点。

但解决方案似乎很简单：

option {
  text-align: left;
}
select {
  text-align-last: center;
  text-align: center;
}

<强> JSFiddle for demo here