альтернативный стандартный код для использования ввода-группу выберите в 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

Так что я не могу использовать ввод-группу выберите!

Есть ли стандартный способ сделать это в бутстрапе?

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>