建立 2024-01-01 更新 2026-09-15

圖示

Bootstrap Icons 是官方圖示集，和框架分開發佈，所以要另外引入 CSS。圖示是字型，改 font-size 或加 text-primary 就能變色、變大。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

<i class="bi bi-alarm"></i>
<a href="#" class="btn btn-primary">
  <i class="bi bi-download"></i> 下載
</a>

在 icons.getbootstrap.com 搜尋名稱，複製 bi bi-名稱 即可。按鈕或 navbar 裡很常用；記得在純裝飾圖示加 aria-hidden="true"，有意義的圖示才用文字或 aria-label。