更改复选标记或“glyphicon-ok”图标的引导选择位置

Question

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

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

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

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

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

Answer 1

尝试覆盖 CSS：

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

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