2016-06-10 103 views
0

首先:我读了这个Twitter bootstrap 3 - create a custom glyphicon and add to glyphicon "font"这帮我有点远,但没有达到我想要做的标志。Bootstrap自定义图标添加自定义图标glyphicon bootstrap选择

所以我想添加图标到我的列表框中。由于我现在已经在使用Bootstrap-select,因此我认为我应该选择将glyphicons添加到每个选择字段。

https://silviomoreto.github.io/bootstrap-select/examples/#icons

<select class="selectpicker"> 
    <option data-icon="glyphicon-heart">Ketchup</option> 
</select> 

这正常工作与glyphicon图标,但其实我是想添加自己的图标,我可以使用那里。仅仅添加一个Icomoon图标集到目前为止并不奏效,因为data-icon =“glyphicon-xyz”可能仍会尝试在引导文档文件中查找图标。

我可以以某种方式扩展与我自己的glyphicons列表或可能取代它吗?

任何帮助,将不胜感激。

干杯

编辑:我也发现了这个指南(https://www.sitepoint.com/customizing-bootstrap-icons-using-gulp/)。

笔者在谈论

@font-face { 
    font-family: 'my-icons'; 
    src:url('fonts/my-icons.eot?-dp1fqh'); 
    /* other properties */ 
} 
在Glyphicon.less文件

,但我有少,青菜没经验,我的引导文件夹不包含glyphicons.less - 我只能找到字体面对普通的bootstrap.css

+0

是否正确随处工作的自定义字体别的一个nd是否有任何控制台错误? – vanburen

回答

0

您是否正在输入图标的正确名称?每个图标库都有自己的命名约定,所以如果您创建自定义的图标,它们将具有唯一的名称。

home icon这三个库:

字体真棒:fa fa-home

引导:glyphicon glyphicon-home

icomoon:icon-home

+0

我想我没有正确链接icomoon lib。现在即使没有指定我想要使用的字体库,也可以工作。 – RubyOnSnakes