替代標準的代碼來使用輸入組選擇在twiiter的自舉

Question

我有這樣的代碼在引導：

<div class="input-group" id="adv-search"> 
    <select class="form-control" > 
     <option value="0" selected>All Snippets</option> 
     <option value="1">Featured</option> 
    </select> 
    <div class="input-group-btn"> 
     <div class="btn-group" role="group"> 
      <div class="dropdown dropdown-lg"> 
       <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button> 
       <div class="dropdown-menu dropdown-menu-right" role="menu"> 
        <form class="form-horizontal" role="form"> 
         <div class="form-group"> 
          <label for="filter">Filter by</label> 
          <select class="form-control"> 
           <option value="0" selected>All Snippets</option> 
           <option value="1">Featured</option> 
           <option value="2">Most popular</option> 
           <option value="3">Top rated</option> 
           <option value="4">Most commented</option> 
          </select> 
         </div> 
        </form> 
       </div> 
      </div> 
     </div> 
     </div> 
    </div> 
</div> 

我檢查了我的代碼http://www.bootlint.com/。 但我有此錯誤：

.input-group contains a <select>; this should be avoided as <select> s cannot be fully styled in WebKit browsers

所以我不能使用輸入組選擇！

有沒有一個標準的方法來做bootstrap？

Answer 1

Bootlint導致你錯誤E006，說

non- .form-control within .input-group

您應該使用form-group，而不是輸入組這樣的：

<div class="form-group"> 
    <label for="exampleSelect2">Example multiple select</label> 
    <select multiple class="form-control" id="exampleSelect2"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
    </select> 
</div>