2016-08-06 17 views
0

Ich hoffe, dass jemand mir und anderen in meiner Situation helfen kann. Ich arbeite mit silviomoreto/bootstrap-select für select. Hier ist silviomoreto/Bootstrap-select Dokumentation: https://silviomoreto.github.io/bootstrap-select/Ändern Bootstrap-wählen Sie die Position des Häkchens oder 'Glyphicon-ok' Symbol

So habe ich eine Mehrfachauswahl, und ich möchte wissen, wie das Kontrollzeichen zeigen, oder ‚glyphicon-ok‘ -Symbol in der linken Seite der gewählten Option. Standardmäßig ist das Bild rechts ausgerichtet.

Right align example boostrap select

Der Code, der diese mehr im Repository auswählen implementiert ist, die ich oben und Code erwähnt, dass diese Auswahl gedruckt ist die nächste:

<!-- 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>

Jede Idee? Danke im Voraus.

+0

Bitte fügen Sie einen Code hinzu, damit wir Ihnen sagen können, was Sie bisher versucht haben. –

+0

Code zu Frage – kayetano134

Antwort

2

Versuchen Sie, die CSS überschreiben:

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

Beachten Sie, dass die .check-mark eine position: absolute hat, die auf der äußersten rechten Seite der Dropdown-Liste das Element platzieren.

+0

hinzugefügt Hallo Silvio, zuerst einmal vielen Dank für deine Antwort. Es ist sehr nützlich, weil es mein Problem teilweise löst. Mit Ihrer Änderung habe ich erreicht, dass das Tick-Icon neben dem Optionswert (rechte Seite) angezeigt wird. Was denken Sie? Es wäre möglich, Tick-Symbol auf der linken Seite des Optionstextes zu zeigen? – kayetano134