チェックマークの位置の変更、または「glyphicon-ok」アイコンの変更

Question

私の状況で誰かが私と他の人を助けてくれることを願っています。私は選択のためにsilviomoreto/bootstrap-selectを使って作業しています。ここでsilviomoreto /ブートストラップ・セレクトドキュメントは次のとおりです。https://silviomoreto.github.io/bootstrap-select/

だから私は、複数の選択を持っていると私は選択されたオプションの左側にチェックマークや「glyphicon-OK」のアイコンを表示する方法をを知っていただきたいと思います。既定では、画像が示すように右揃えです。

この複数の選択を実装するコードは、これが選択印刷Iが上記リポジトリコードである次である：

<!-- PREGUNTA NUMERO 7: ¿Recibió el recién nacido lactancia materna?--> \t 
 
<div id="pregunta_##ID7##_1" class="form-group templatemo_form"> \t \t \t \t \t 
 
\t <div class="col-md-8"> 
 
\t \t <strong>##parto_enunciado7##</strong><br/> 
 
\t \t <td class="col-md-4"> 
 
      
 
\t \t \t <select id="##ID7##_1" name="##ID7##_1[]" class="selectpicker" multiple data-width="100%" title="##valorSelect##"> 
 
\t \t \t \t <option data-tokens="No nada" value="0">##no##</option> 
 
\t \t \t \t <optgroup label="Meses de lactancia..."> 
 
\t \t \t \t \t <option data-tokens="Menos 3 meses" value="1">Menos de 3 meses.</option> 
 
\t \t \t \t \t <option data-tokens="3 6 meses" value="2">De 3 a 6 meses.</option> 
 
\t \t \t \t \t <option data-tokens="6 12 meses" value="3">De 6 a 12 meses.</option> 
 
\t \t \t \t \t <option data-tokens="Mas Más 12 meses" value="4">M&aacute;s de 12 meses.</option> 
 
\t \t \t \t </optgroup> 
 
\t \t \t </select> 
 
\t \t \t \t \t \t \t \t 
 
\t \t </td> 
 
\t \t <br/> 
 
\t </div> 
 
\t <br/> 
 
</div>

任意のアイデア？前もって感謝します。

Answer 1

はCSSを上書きしてみてください。

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { 
    position: relative; 
} 

注.check-markは、ドロップダウンリストの右端に要素を配置しているposition: absoluteを持っていること。