Customize

了解如何使用Sass、一大堆全局选项、丰富的颜色系统等来主题化、定制和扩展Bootstrap。

Sass 利用我们的源Sass文件来调整变量、maps、mixins和函数。

Options 使用内置变量自定义 Bootstrap，轻松切换全局CSS首选项。

Color 了解并自定义支持整个工具包的颜色系统。

Color modes 探索我们的默认亮模式和新的暗模式，或者自己创建自定义颜色模式。

Components 了解我们如何使用基样式类和修饰样式类构建几乎所有的组件。

CSS variables 使用Bootstrap的CSS自定义属性进行快速前瞻的设计和开发。

Optimize 保持项目的精简性、响应性和可维护性，以便提供最佳体验。

概述

有多种方法可以自定义 Bootstrap。你的最佳路径可能取决于你的项目、构建工具的复杂性、你使用的Bootstrap版本、浏览器支持等。

我们的两种首选方法是：

虽然我们不能在这里详细介绍如何使用每个包管理器，但我们可以提供一些关于将Bootstrap与你自己的Sass编译器一起使用的指导。

对于那些想要使用分发文件的人，请查看geting-startmentpage，了解如何包括这些文件和示例HTML页面。从那里，查阅文档以了解你想要使用的布局、组件和行为。

当你熟悉Bootstrap时，请继续浏览本节，了解有关如何利用我们的全局选项、使用和更改我们的颜色系统、如何构建组件、如何使用不断增长的CSS自定义属性列表以及如何在使用Bootstrap构建时优化代码的更多详细信息。

有几个Bootstrap组件在我们的CSS中包括嵌入式SVG，以便在浏览器和设备之间保持一致、轻松地对组件进行样式设置。 对于具有更严格CSP配置的组织, 我们已经记录了嵌入SVG的所有实例（所有这些都是通过 background-image 应用的），因此你可以更彻底地审查你的选项。

基于社区对话记录，在你自己的代码库中解决此问题的一些选项包括用本地托管的资产替换URL、删除图像并使用内联图像（并非所有组件都可以）以及修改你的CSP。我们的建议是仔细审查你自己的安全政策，并在必要时决定最佳的技术路径。