使用bootstrap样式选择表单元素

Question

如何在<select>元素上应用引导样式。我没有看到使用bootstrap css用于<select>表单元素的任何可证明的示例。我不知道这是故意的还是bootstrap与select元素一起使用？请赐教。

添加了.form-control样式，但select元素在表单上看起来像是外星人：）

Answer 1

Bootstrap文档中的disabled演示显示了一个选择。从字段集中删除禁用功能会为您提供示例代码：

<form role="form">
  <fieldset>
    <div class="form-group">
      <label for="disabledTextInput">Disabled input</label>
      <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
    </div>
    <div class="form-group">
      <label for="mySelect">Disabled select menu</label>
      <select id="mySelect" class="form-control">
        <option>Disabled select</option>
        <option>Disabled select</option>
        <option>Disabled select</option>
        <option>Disabled select</option>          
      </select>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox"> Can't check this
      </label>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </fieldset>
</form>

请参阅操作：jsfiddle