Bootstrap 4 圖示
Bootstrap 4 圖示
Bootstrap 4 沒有自己的圖示庫(Bootstrap 3 中的 Glyphicons 不支援 Bootstrap 4)。然而,有很多免費的圖示庫可供選擇,例如 Font Awesome 和 Google Material Design Icons。
要使用 Font Awesome 圖示,請在您的 HTML 頁面中新增以下內容(無需下載或安裝)
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" crossorigin="anonymous">
然後,將圖示類的名稱新增到任何內聯 HTML 元素中(例如 <i>
或 <span>
)
示例
<i class="fas fa-cloud"></i>
<i class="fas fa-coffee"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>
自己試試 »
所有 Font Awesome 圖示的列表可以在這裡找到:https://w3schools.tw/icons/default.asp