自訂

透過 Sass、大量全域選項、廣泛的色彩系統等，瞭解如何使用 Bootstrap 進行主題設定、自訂和擴充。

Sass 使用我們的 Sass 原始檔來利用變數、對應、混合和函式。

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

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

最佳化 讓您的專案精簡、回應式且易於維護，以便提供最佳體驗。

概述

有許多方式可以自訂 Bootstrap。最佳途徑取決於您的專案、建置工具的複雜性、您使用的 Bootstrap 版本、瀏覽器支援等。

我們偏好的兩種方法是

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

對於想要使用發行檔的人，請檢閱入門頁面，了解如何包含這些檔以及範例 HTML 頁面。從那裡，諮詢您想要使用的版面配置、組件和行為的文件。

當您熟悉 Bootstrap 時，請繼續探索此區段，以取得更多關於如何使用我們的全域選項、使用和變更我們的色彩系統、如何建構我們的組件、如何使用我們不斷增加的 CSS 自訂屬性清單，以及如何在使用 Bootstrap 建置時最佳化您的程式碼的詳細資訊。

多個 Bootstrap 元件包含嵌入式 SVG，以在各種瀏覽器和裝置上一致且輕鬆地設定元件樣式。對於具有較嚴格 CSP 設定的組織，我們已記錄所有嵌入式 SVG 的執行個體（全部都透過 background-image 套用），以便您能更徹底地檢閱您的選項。

根據社群對話，在您自己的程式碼庫中處理此問題的一些選項包括將 URL 取代為本機託管的資源、移除圖片並使用內嵌圖片（並非所有元件都可行），以及修改您的 CSP。我們的建議是仔細檢閱您自己的安全性政策，並在必要時決定最佳的後續步驟。