Question

我想使用Bootstrap CSS连续显示几个select标签。连续输入几个输入我没有问题。但是如果我将输入标签更改为选择，它只显示第一个选择。以下是一个示例：fiddle

<div class="container-fluid">
    <div class="row">
        <div class="col-md-2">
            <select class="form-control" />
        </div>
        <div class="col-md-2">
            <select class="form-control" />
        </div>
    </div>
    <br />
    <div class="row">
        <div class="col-md-2">
            <input class="form-control" type="text" />
        </div>
        <div class="col-md-2">
            <input class="form-control" type="text" />
        </div>
    </div>
</div>

我将不胜感激任何帮助。感谢。

Answer 1

只需更改

<select class="form-control" />

到

<select class="form-control"></select>

示例：

<div class="container-fluid">
  <div class="row">
    <div class="col-md-2">
      <select class="form-control"></select>
    </div>
    <div class="col-md-2">
      <select class="form-control"></select>
    </div>
  </div>
  <br/>
  <div class="row">
    <div class="col-md-2">
      <input class="form-control" type="text" />
    </div>
    <div class="col-md-2">
      <input class="form-control" type="text" />
    </div>
  </div>
</div>

Answer 2

您只需要<option>中的一些<select>元素。例如：

<select class="form-control">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

请参阅http://jsfiddle.net/ckuijjer/1x8so5ms/

多个选择标签和bootstrap css网格系统

2 个答案: