bootstrap icon 1.10.2 下載與使用
2022-11-29
925
相關文章
點擊圖片可以放大檢視
bootstrap icon 最新版本是 1.10.2，若不使用 SVG 的話體積只有 371K，相較於 Font Awesome Icon 6 的 1042K 小了很多，卻依然擁有超過 1800 個字型圖示，載人速度很快，bootstrap icon 不必依賴 bootstrap 即可單獨使用，使用前只需載入 bootstrap-icons.css 即可，雖然各家 font icon 都至少有超過 1500 個以上的字型圖示，但是真正用作網頁的並不多，因此 bootstrap icon 對於多數人來說，已經非常足夠了...
bootstrap icon 的使用
bootstrap icon 官網 或 本站 (不包含SVG) 下載 bootstrap icon 1.10.2 的壓縮包並解壓縮，將 bootstrap-icons.css 和 fonts 資料夾上傳至相同的目錄內
在網頁的 <head> 與 </head> 之間載入 bootstrap-icons.css
<link rel="stylesheet" href="font/bootstrap-icons.css">
font 是用來放置 bootstrap-icons.css 和 fonts 資料夾的目錄
網頁中需要用到 icon 的地方就可以使用 <i class="bi bi-xxxx"></i> 例如： <i class="bi bi-line"></i>
如果你對bootstrap icon 1.10.2 下載與使用有任何問題請到討論區發帖。