2014-10-01 72 views
3

我設置選擇框菜單標籤,引導3這樣的:引導3以在線選擇框標籤

<div class="col-lg-2"> 
    <label>Filter</label> 
     <select class="form-control" name="sort"> 
      <option value="1">1</option> 
      <option value="12">12</option> 
      <option value="13">13</option> 
      <option value="14">14</option> 
     </select> 
</div> 

在見標記輸出選擇框菜單的頂部: enter image description here

我需要顯示選擇框菜單的標籤內嵌這樣的:

enter image description here

如何顯示標籤內聯?!

DEMO JSFIDDLE

+1

閱讀引導文檔http://getbootstrap.com/css/ #forms-horizo​​ntal – DavidG 2014-10-01 15:25:07

回答

6

你需要把你的標籤,你的「組」的選擇裏面,所以我們有這樣的:

<div class="form-group"> 
    <label for="sort" class="col-sm-2 control-label"> Filter </label> 
    <div class="col-sm-10"> 
     <select class="form-control" name="sort" id="sort"> 
      <option value="1">1</option> 
      <option value="12">12</option> 
      <option value="13">13</option> 
      <option value="14">14</option> 
     </select> 
    </div> 
</div> 
+0

幫助!謝謝! – 2018-02-04 03:50:10