Changement dans la position de sélection de l'amorçage-sélection ou de l'icône "glyphicon-ok"

J'espère que quelqu'un peut m'aider et d'autres personnes dans ma situation. Je travaille avec silviomoreto / bootstrap-select pour select. Voici la documentation de silviomoreto / bootstrap-select: https://silviomoreto.github.io/bootstrap-select/

J'ai donc un choix multiple et j'aimerais savoir comment afficher la case à cocher ou l'icône "glyphicon-ok" à gauche de l'option sélectionnée . Par défaut, l'alignement est correct lorsque l'image s'affiche.

Sélectionnez l'alignement correct Boostrap select

Le code qui implémente cette sélection multiple se trouve dans le dépôt que j'ai mentionné ci-dessus et le code qui a imprimé cette sélection est le suivant:

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

Une idée? Merci d'avance.

Essayez d'écraser le CSS:

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

Notez que le .check-mark a une position: absolute qui place l'élément à l'extrême droite de la liste déroulante.