Bootstrap自定義圖標添加自定義圖標glyphicon bootstrap選擇

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 =「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

Answer 1

您是否正在輸入圖標的正確名稱？每個圖標庫都有自己的命名約定，所以如果您創建自定義的圖標，它們將具有唯一的名稱。

的home icon這三個庫：

字體真棒：fa fa-home

引導：glyphicon glyphicon-home

icomoon：icon-home