Jak dodać ikonę obrazu do Bootstrap Wybierz opcje

Question

Zastanawiasz się, czy możliwe jest dodanie ikony/obrazu do paska startowego Wybierz Opcje.
ja już stara, dodając obraz tła do opcji na HERE

<select class="span2"> 
      <option>1</option> 
      <option style="background-image:url(slider-dot.png);">2</option> 
      <option>3</option> 
</select> 

Ale to nie działa! Czy możesz dać mi znać, jeśli to możliwe? Dzięki

Answer 1

O ile wiem, nie można dodawać ikon do elementów opcjonalnych za pomocą wbudowanych ustawień ładowania początkowego. Istnieje jednak wbudowana wtyczka do bootstrap, która ma na celu wykonanie tej funkcji, a także dodanie dodatkowych opcji dostosowywania do ładowania składników wybranych. Nazywa się to bootstrap-select.

Ikony użyte w tej wtyczce są bezpośrednio ładowane z Glifów dostarczonych przez bootstrap.

• GIT projektu można znaleźć tutaj: http://silviomoreto.github.io/bootstrap-select/
• Można również znaleźć na żywo prezentację funkcjonalności tutaj: http://silviomoreto.github.io/bootstrap-select/

EDIT: patrz link na przykład jsFiddle: http://jsfiddle.net/YW8MV/5/

Odpowiednia skrypta JavaScript to:

$('.selectpicker').selectpicker({ 
    style: 'btn-primary', 
    showIcon: true, 
    title: 'select test' 
});