Bootstrap将自定义图标添加到glyphicon以进行bootstrap-select

Question

首先：我已经阅读了这篇Twitter bootstrap 3 - create a custom glyphicon and add to glyphicon "font"，这对我有点帮助，但是对于我想做的事情并没有达到标准。

所以我想在列表框中添加图标。由于我现在已经在使用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 =＆＃34; glyphicon-xyz＆＃34;可能仍然试图在bootstrap glyphicon文件中找到图标。

我可以用某种方式扩展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文件中，但是我没有经验，而且我的Bootstrap文件夹不包含glyphicons.less - 我只能找到常规bootstrap.css中的字体面

Answer 1

您是否输入了正确的图标名称？每个图标库都有自己的命名约定，因此如果您创建自定义的图标，它们将具有唯一的名称。

这三个库的home icon：

<强>字体真棒： fa fa-home

bootstrap： glyphicon glyphicon-home

icomoon： icon-home