自定義 (Overview)

總覽

有多種方法可以自定義 Bootstrap。最佳途徑取決於您的項目、建構工具的複雜性、所使用的 Bootstrap 版本、瀏覽器支持度等等。

我們的兩種首選方法是：

1. 使用 Bootstrap 透過 package manager 以便您可以使用及擴展我們的原始文件。
2. 使用 Bootstrap 的已編譯文件或 jsDelivr 以便您可以添加或覆蓋 Bootstrap 的樣式。

雖然我們無法在此詳細介紹如何使用每個 package manager，但我們可以提供一些有關 透過你的 Sass 編譯器來使用 Bootstrap 的指導。

對於想要使用分發文件的人，請查看 getting started 頁面 ，以了解如何包含這些文件以及範例 HTML 頁面。並由此查閱文件以獲取您想要使用的排版、元件與行為。

當您熟悉 Bootstrap 時，請持續探索本章節，以獲取更多有關如何利用 global options 的細節、使用及更改我們的色彩系統、如何建構元件、如何使用 CSS 自定義屬性，以及如何在使用 Bootstrap 建構程式時優化 code。

CSP 和 嵌入式 SVG

幾個 Bootstrap 元件在我們的 CSS 中包含嵌入式 SVG，以在瀏覽器和設備上一致且輕鬆地設置元件樣式。對於具有更嚴格 CSP 配置的組織，我們紀錄了我們嵌入式 SVG 的所有實例 (所有這些實例都通過 background-image)，以便您可以更徹底地查看你的選項。

• 手風琴 Accordion
• 關閉按鈕 Close button (用於警報 alert 和互動視窗 modal)
• 表單核取方塊和選項按鈕 Form checkboxes and radio buttons
• 表單切換開關 Form switches
• 表單驗證 icon
• 表單選擇功能表 Select
• 輪播控制項 Carousel controls
• 導覽列切換按鈕 Navbar toggle buttons

根據 community conversation，在您自己的程式碼中解決此問題的一些選項包括使用本地替換 URL、刪除圖像和使用內嵌圖像 (並非在所有元件都有可能)，以及修改您的 CSP。我們的建議是仔細審查您自己的安全策略，並在必要時決定最佳發展方向。