更改复选标记的引导选择位置或＆＃39; glyphicon-ok＆＃39;图标

Question

我希望有人可以在我的情况下帮助我和其他人。我正在使用silviomoreto / bootstrap-select进行选择。这是silviomoreto / bootstrap-select文档：https://silviomoreto.github.io/bootstrap-select/

所以我有一个多选项，我想知道如何显示复选标记或＆＃39; glyphicon-ok＆＃39;所选选项左侧的图标。默认情况下，如图所示右对齐。

实现此多重选择的代码位于我上面提到的存储库中，打印此选择的代码是下一个：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

有什么想法吗？提前谢谢。

Answer 1

尝试覆盖CSS：

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

请注意，.check-mark有一个position: absolute，它将元素放在下拉列表的最右侧。