Come aggiungere l'icona dell'immagine a Bootstrap Selezionare le opzioni

Question

Basta chiedersi se è possibile aggiungere Icon/Image a Bootstrap Select Options.
Ho già tenta questo con l'aggiunta background-image per i pasti presso HERE

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

Ma non sta funzionando! Per favore, fammi sapere se è possibile? Grazie

Answer 1

Per quanto ne so non è possibile aggiungere icone agli elementi opzione utilizzando le impostazioni di bootstrap integrate. Tuttavia, c'è un plug-in creato per bootstrap pensato per fare questa funzionalità, aggiungendo anche opzioni di personalizzazione aggiuntive per selezionare i componenti di bootstrap. Si chiama bootstrap-select.

Le icone utilizzate per questo plug-in vengono caricate direttamente dai Glyphicon forniti da bootstrap.

• Il progetto Git può essere trovato qui: http://silviomoreto.github.io/bootstrap-select/
• È inoltre possibile trovare una dimostrazione dal vivo della funzionalità qui: http://silviomoreto.github.io/bootstrap-select/

EDIT: clicca il link per jsFiddle esempio: http://jsfiddle.net/YW8MV/5/

Il codice JavaScript corrispondente è questo:

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