学习如何使用 Sass 对 Bootstrap 进行主题化、自定义和扩展,以及使用大量的全局选项、丰富的颜色系统等等。
自定义 Bootstrap 的方法有很多种。最佳方案可能取决于您的项目、构建工具的复杂程度、您使用的 Bootstrap 版本、浏览器支持等因素。
我们首选的两种方法是:
虽然我们无法在此详细介绍如何使用每个包管理器,但我们可以就如何使用 Bootstrap 和您自己的 Sass 编译器提供一些指导。
如果想使用分发文件,请查看入门页面,了解如何包含这些文件以及示例 HTML 页面。然后,查阅文档,了解您想要使用的布局、组件和行为。
在您熟悉 Bootstrap 的过程中,请继续探索本节,了解更多关于如何使用我们的全局选项、使用和更改我们的颜色系统、我们如何构建组件、如何使用我们不断增长的 CSS 自定义属性列表以及如何在使用 Bootstrap 构建时优化您的代码的详细信息。
为了在不同浏览器和设备上实现组件样式的一致性和便捷性,我们在多个 Bootstrap 组件的 CSS 中嵌入了 SVG。对于CSP配置更为严格的组织,我们已记录了所有嵌入 SVG 的实例(均通过 CSS 应用background-image),以便您更全面地了解各种选项。
根据社区讨论,一些解决此问题的方法包括:将 URL 替换为本地托管的资源、移除图片并使用内联图片(并非所有组件都支持此功能)以及修改内容安全策略 (CSP)。我们建议您仔细审查自身的安全策略,并在必要时确定最佳解决方案。