自定义

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

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

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

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

Color modes 探索我们的默认浅色模式和新的深色模式，或自行创建自定义颜色模式。

Components 了解我们如何以响应方式以及基类和修饰符类构建几乎所有组件。

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

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

概述

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

我们首选的两种方法是：

使用 Bootstrap via package manager，这样您就可以使用和扩展我们的源文件。
使用 Bootstrap 编译的分发文件或 jsDelivr，这样您就可以添加或覆盖 Bootstrap 的样式。

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

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

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

CSPs 和嵌入式 SVGs

一些 Bootstrap 组件在我们的 CSS 中包含嵌入式 SVG，以便跨浏览器和设备一致且轻松地设置组件样式。对于具有更严格<缩写 title=“内容安全策略”>CSP 配置的组织，我们已记录了嵌入式 SVG 的所有实例（所有这些实例都通过background-image应用），以便您可以更全面地查看您的选项。

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