客製化（Customize）

了解如何使用 Sass、大量的全域選項、廣泛的色彩系統等來為 Bootstrap 設定主題、客製化和擴充。

Sass 使用我們的原始 Sass 檔案來善用變數、maps、mixins 和函式。

Options 使用內建變數自訂 Bootstrap，輕鬆切換全域 CSS 偏好設定。

Color 了解並自訂支援整個工具集的色彩系統。

Color modes 探索我們預設的淺色模式和全新的深色模式，或自行建立自訂色彩模式。

Components 了解我們如何使用基礎類別和修飾類別來響應式地建構幾乎所有元件。

CSS variables 使用 Bootstrap 的 CSS 自訂屬性進行快速且前瞻性的設計和開發。

Optimize 保持您的專案精簡、響應式且易於維護，讓您能夠提供最佳體驗。

概覽（Overview）

有多種方式可以自訂 Bootstrap。您的最佳路徑取決於您的專案、建構工具的複雜度、您使用的 Bootstrap 版本、瀏覽器支援等因素。

我們推薦的兩種方法是：

雖然我們無法在此詳細說明如何使用每個套件管理器，但我們可以提供一些關於使用 Bootstrap 搭配您自己的 Sass 編譯器的指引。

對於想要使用發行檔案的人，請參閱快速開始頁面，了解如何引入這些檔案和範例 HTML 頁面。然後，查閱文件了解您想要使用的版面配置、元件和行為。

當您熟悉 Bootstrap 後，請繼續探索本節以了解更多細節，包括如何使用我們的全域選項、使用和變更我們的色彩系統、我們如何建構元件、如何使用我們不斷增加的 CSS 自訂屬性列表，以及如何在使用 Bootstrap 建構時最佳化您的程式碼。

Bootstrap 的多個元件在 CSS 中包含內嵌 SVG，以便在各瀏覽器和裝置間一致且輕鬆地為元件設定樣式。對於具有更嚴格 CSP 設定的組織，我們已記錄所有內嵌 SVG 的實例（全部都是透過 background-image 套用），以便您更徹底地檢視您的選項。

根據社群討論，在您自己的程式碼庫中解決此問題的一些選項包括用本地託管的資源替換 URL、移除圖片並使用行內圖片（並非所有元件都可行），以及修改您的 CSP。我們建議仔細檢視您自己的安全政策，並在必要時決定最佳的解決方案。