定制

概览

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

我们首选的两种方法是

1. 使用 Bootstrap 通过软件包管理器 ，以便使用和扩展我们的源文件。
2. 使用 Bootstrap 的编译发布文件或 jsDelivr， 这样您就可以添加或覆盖 Bootstrap 的样式。

虽然我们无法在此详细介绍如何使用每个软件包管理器，但我们可以就使用 Bootstrap 和自己的 Sass 编译器提供一些指导。

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

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

CSP 和嵌入式 SVG

有几个 Bootstrap 组件在 CSS 中包含嵌入式 SVG，以便在不同浏览器和设备上对组件进行一致和简便的样式设置。 对于具有更严格的 CSP配置的组织，我们记录了嵌入式 SVG 的所有实例（所有实例都通过 background-image 应用），因此您可以更全面地查看您的选项。

• 手风琴
• 轮播控件
• 关闭按钮 (用于警报和模态中)
• 表单复选框和单选按钮
• 表单开关
• 表单验证图标
• 导航栏切换按钮
• 选择菜单

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