定制概覽
了解如何使用Sass設置主體、自定義和擴展Bootstrap,一系列全局選項,擴展的色彩系統等等。
On this page
概述
自定義Bootstrap有多種方法。您的最佳途徑取決于您的項目、構建工具的復雜性、您使用的引導程序版本、瀏覽器支持等等。
我們的兩種首選方法是:
- 通過包管理器使用引導程序,以便您可以使用和擴展我們的源文件。
- 使用引導程序編譯的分發文件或jsdelvr,以便可以添加或覆蓋引導程序的樣式。
雖然我們不能在這里詳細介紹如何使用每個包管理器,但我們可以在您自己的Sass編譯器中提供一些指導。
對于那些想要使用分發文件的人,請查看“入門”頁以了解如何包含這些文件和示例HTML頁。從那里,查閱文檔,了解您想要使用的布局、組件和行為。
當您熟悉Bootstrap時,請繼續探索本節,了解有關如何使用全局選項、使用和更改顏色系統、如何構建組件、如何使用不斷增加的CSS自定義屬性列表以及如何在使用Bootstrap構建時優化代碼的更多詳細信息。
CSP和嵌入式SVG
一些Bootstrap組件在我們的CSS中包含了嵌入式svg,以便在瀏覽器和設備之間一致且輕松地設計組件。對于具有更嚴格CSP配置的組織,我們已經記錄了我們的嵌入式svg的所有實例(所有這些都通過background-image
應用),因此您可以更徹底地檢查您的選項。
基于社區對話,在您自己的代碼庫中解決此問題的一些選項包括用本地托管資產替換url、刪除圖像和使用內聯圖像(并非在所有組件中都可以),以及修改CSP。我們的建議是仔細檢查您自己的安全策略,并在必要時決定一條最佳的前進道路。