簡體   English   中英

布爾瑪圖標不顯示?

[英]Bulma icon not showing up?

我正在嘗試按照此處的文檔使用 bulma 圖標,但該圖標未顯示:

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.6.1/css/bulma.min.css"> <div> <span class="icon"> <i class="fa fa-home"></i> </span> <span>ICON</span> </div>

另請參閱此處的小提琴,可能是什么問題?

您還需要包含bulma.min.css文件,而不僅僅是.map

編輯

根據布爾瑪文檔

如果您想在 Bulma 中使用圖標,請不要忘記包含 Font Awesome:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

2019/3/19 更新

正如@Akshay 在下面指出的那樣,文檔已更改,現在包含 Font Awesome 的正確方法是

<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>

除非您調用 fontawesome 庫,否則不會顯示 Bulma 圖標,我們可以為此使用套件代碼。 這將類似於代碼的<head>...</head>部分中的<script src="https://kit.fontawesome.com/xxxxxxxx.js"></script>

注意:您可以從網站獲取代碼“xxxxxxxx”以免費使用 fontawesome 圖標。 https://fontawesome.com/start

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM