定制概览

了解如何使用Sass设置主体、自定义和扩展Bootstrap,一系列全局选项,扩展的色彩系统等等。

On this page

概述

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

我们的两种首选方法是:

  1. 通过包管理器使用引导程序,以便您可以使用和扩展我们的源文件。
  2. 使用引导程序编译的分发文件或jsdelvr,以便可以添加或覆盖引导程序的样式。

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

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

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

CSP和嵌入式SVG

一些Bootstrap组件在我们的CSS中包含了嵌入式svg,以便在浏览器和设备之间一致且轻松地设计组件。对于具有更严格CSP配置的组织,我们已经记录了我们的嵌入式svg的所有实例(所有这些都通过background-image应用),因此您可以更彻底地检查您的选项。

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

返回顶部