定制Bootstrap
了解如何使用 Sass、全局选项、颜色系统等来主题化、自定义和扩展 Bootstrap。
概览
有多种方法可以自定义 Bootstrap。 您的最佳路径可能取决于您的项目、构建工具的复杂性、您使用的 Bootstrap 版本、浏览器支持等等。
我们首选的两种方法是：
虽然我们无法在此处详细介绍如何使用每个包管理器，但我们可以提供一些关于使用 Sass 编译器编译 Bootstrap 的指导。
对于那些想要使用分发文件的人，请查看入门页面，了解如何引入这些文件，也提供了 HTML 示例页面。 从那里，可以查阅文档以了解布局、组件和行为等的使用。
当您熟悉 Bootstrap 时，请继续探索本节以了解有关如何使用我们的全局选项、使用和更改我们的颜色系统、我们如何构建组件、如何使用 CSS 自定义属性列表，在使用 Bootstrap 构建应用时优化您的代码。
CSPs 和 嵌入式的 SVGs
一些 Bootstrap 组件在我们的 CSS 中包含嵌入的 SVG，以在浏览器和设备上一致且轻松地为组件设置样式。 对于具有更严格的CSP 配置的组织，我们记录了我们嵌入式 SVG 的所有实例（所有这些实例都通过 background-image)，以便您可以更彻底地查看您的选项。
- Accordion 组件
- 关闭按钮 (在 alerts 组件和 modals 组件中使用)
- 表单的复选框(checkboxes)和单选框(radio)
- 表单的开关控件(switches)
- 表单验证图标(icons)
- 下列选择框(Select)
- 轮播控件(Carousel)
- 导航切换按钮
根据社区对话，在您自己的代码库中解决此问题的一些选项包括将 URL 替换为本地托管的资产、删除 图像和使用内联图像（并非在所有组件中都可能），并修改您的 CSP。 我们的建议是仔细审查您自己的安全策略，并在必要时确定最佳前进路径。