定制

了解如何使用 Sass、大量全局选项、扩展的颜色系统等来设置主题、自定义和扩展 Bootstrap。

SASS 利用我们的源 Sass 文件来利用变量、映射、混合和函数。

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

概述

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

我们的两种首选方法是：

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

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

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

多个 Bootstrap 组件在我们的 CSS 中包含嵌入式 SVG，以便跨浏览器和设备以一致且轻松的方式设置组件样式。对于具有更严格CSP配置的组织，我们记录了我们嵌入式 SVG 的所有实例（所有实例均通过应用background-image），以便您可以更彻底地审查您的选项。

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