只是想知道是否可以将图标/图像添加到Bootstrap选择选项.
我已经通过在 HERE处将选项添加到选项来尝试此操作
我已经通过在 HERE处将选项添加到选项来尝试此操作
<select class="span2">
<option>1</option>
<option style="background-image:url(slider-dot.png);">2</option>
<option>3</option>
</select>
但它不起作用！如果可能的话,你能告诉我吗？
谢谢
解决方法
据我所知,您无法使用内置的引导程序设置向选项元素添加图标.但是,有一个为bootstrap构建的插件用于执行此功能,还添加了其他自定义选项来引导选择组件.它被称为bootstrap-select.
用于此插件的图标直接从bootstrap提供的Glyphicons加载.
> Git项目可以在这里找到：
http://silviomoreto.github.io/bootstrap-select/
>您还可以在此处找到该功能的现场演示：
http://silviomoreto.github.io/bootstrap-select/
编辑：请参阅jsFiddle的链接示例：http://jsfiddle.net/YW8MV/5/
相关的JavaScript是这样的：
$('.selectpicker').selectpicker({
style: 'btn-primary',showIcon: true,title: 'select test'
});
