使用引导程序时如何在单行中使用多选标记？

Question

我们想在下拉列表中显示生日

使用引导程序时如何在单行中使用多选标记？

  <div class="form-group col-lg-12">
    <label>Birthday</label><br>  
    <select class="form-control" id="sel1">
      <option value="jan">Jan</option>
      <option value="jan">Feb</option>
      <option value="jan">Mar</option>
       ................
      <option value="jan">Dec</option>
    </select>
    <select class="form-control" id="sel2">
      <option value="">Day</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      ................
      <option value="jan">12</option>
    </select>
    <select class="form-control" id="sel2">
      <option value="">Year</option>
      <option value="1992">1992</option>
      <option value="1993">1993</option>
      <option value="1994">1994</option>
      ................
      <option value="2015">2015</option>
    </select>
  </div>

注意：我们正在使用引导程序

Answer 1

您需要form-inline在父元素上使用该类...

<div class="form-inline">
  <div class="form-group col-lg-12">
    <label>Birthday</label><br>  
    <select class="form-control" id="sel1">
      <option value="jan">Jan</option>
      <option value="jan">Feb</option>
      <option value="jan">Mar</option>
       ................
      <option value="jan">Dec</option>
    </select>
    <select class="form-control" id="sel2">
      <option value="">Day</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      ................
      <option value="jan">12</option>
    </select>
    <select class="form-control" id="sel2">
      <option value="">Year</option>
      <option value="1992">1992</option>
      <option value="1993">1993</option>
      <option value="1994">1994</option>
      ................
      <option value="2015">2015</option>
    </select>
  </div>
</div>

演示