## 官網
* [英文版](https://getbootstrap.com/)
* [中文版](https://bootstrap5.hexschool.com/)

## [Icons](https://icons.getbootstrap.com/)

* 可以下載 svg 版本
* icon font `<i class="bi bi-0-circle"></i>`
* 可以透過改變字體顏色來改變 icon 顏色
* 為獨立套件，不需要載入 Bootstrap

## [Themes](https://themes.getbootstrap.com/)

* 模板需要另外付費 $$
* 模板都是基於 bootstrap 來開發

## Blog

* Bootstrap 的更新資訊、版本差異

## [Doc](https://bootstrap5.hexschool.com/)

### Getting started 快速開始
#### 引入方式
* CDN

| # | CDN |
| --- | ---- |
| CSS | `https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css` |
|JS |`https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js` |

### [Customize 自定義](https://bootstrap5.hexschool.com/docs/5.1/customize/color/)
Bootstrap 有提供預設的色彩系統，可以依照個人需求自定義。
將 primary 等顏色改為網站主色

### Layout 排版
有完整的 grid system，也有垂直對齊和水平對齊...等功能

### Content 內容
官方預設的內容樣式，例如：文字...等

### Forms 表單
提供大量的表單樣式

### Components 元件
大量設計好的元件，例如：按鈕。

### Helpers 工具

### Utilities 通用類別
針對元件內容擴增