bootstrap4中使用Font Awesome圖標


bootstrap4中默認取消了Font Awesome圖標的應用,所以如果要使用相關圖標就需要我們自己手動添加,具體步驟如下:

1.下載Font Awesome 下載地址

基本圖標下載免費版就可以了。下載 free for web`

2.將下載的文件解壓到bootstrp4目錄中

3.在html頁面中添加引用,引用css文件夾中 all.css`

<link rel="stylesheet" href="fontawesome-free-5.11.2-web/css/all.css">

4.在頁面中使用Font Awesome圖標

<i class="fas fa-camera"></i>

5.看看效果

另外還可以在Font Awesome搜索自己需要的圖標,並查看用法。

如果你下載的包中不包含該圖標,可將圖標svg文件下載下來,並拷貝至 svg 文件夾中再進行引用即可。

又可以愉快的玩耍了!😁


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM