ブートストラップに画像アイコンを追加する方法選択肢

Question

ブートストラップ選択オプションにアイコン/イメージを追加することが可能かどうか疑問です。
私はすでにHERE

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

でオプションに背景画像を追加することでこれをしようとしますが、それが機能していません！可能であれば教えてください。 ありがとう

Answer 1

私が知る限り、組み込みのブートストラップ設定を使用してオプション要素にアイコンを追加することはできません。しかし、この機能を実行するためのブートストラップのために構築されたプラグインがあり、選択コンポーネントをブートストラップするための追加のカスタマイズオプションも追加されています。これはブートストラップセレクトと呼ばれています。

このプラグインに使用されるアイコンは、ブートストラップによって提供されるグリフィコンから直接ロードされます。

• Gitのプロジェクトがここで見つけることができます： http://silviomoreto.github.io/bootstrap-select/
• また、ここでは機能のライブデモを見つけることができます。 http://silviomoreto.github.io/bootstrap-select/

EDIT：jsFiddleの例については、リンクを参照してください。http://jsfiddle.net/YW8MV/5/

を

関連するJavaScriptは次のとおりです。

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