多個選擇標籤和引導CSS網格系統

我想使用Bootstrap CSS在一行中顯示幾個選擇標籤。我沒有問題連續輸入幾個輸入。但如果我將輸入標籤更改爲選擇，則只顯示第一個選擇。這裏是一個樣本：fiddle 多個選擇標籤和引導CSS網格系統

<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>

我將不勝感激任何幫助。謝謝。

來源

2014-12-19 Amid

只需改變

<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>

來源

2014-12-19 10:35:19

感謝。這行得通。我可以請你解釋爲什麼這使得選擇不同而不是輸入？ – Amid 2014-12-19 10:38:14

輸入標籤是一個自閉標籤或空元素（如img，br，hr，鏈接等），因爲對於選擇它具有開始和結束標記''。你可以在這裏閱讀http://www.w3.org/html/wg/drafts/html/master/syntax.html#void-elements – 2014-12-19 10:46:39

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

<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/

來源

2014-12-19 10:33:21 ckuijjer

多個選擇標籤和引導CSS網格系統

回答

相關問題