Bootstrap 5:如何添加 $font-family-serif 变量

问题描述

我通读了有关 typography 的 Bootstrap 5 文档以及文件 _variables.scss_reboot.scss。我发现有一个 SASS 变量 $font-family-sans-serif 来设置无衬线文本的字体堆栈,但没有对应的 $font-family-serif 用于衬线文本。

FWIW:它曾经出现在 Bootstrap 3 的 _variables.scss 中,但似乎也没有出现在 Bootstrap 4 中。

我是自己在 _variables_custom.css 中声明它还是有规范的方法来做到这一点?

为什么在标准 Bootstrap 5 变量集中省略了它?

解决方法

Bootstrap (以其 SCSS 源格式) 是一个框架 - 如果您愿意,可以说明这一点 - 因此您需要添加自己的变量和元素和/或修改现有的变量和元素。没有 $font-family-serif 是因为该核心代码不需要它。

关于如何自定义——从https://getbootstrap.com/docs/5.0/customize/sass开始

为什么省略了? - 重构。删除“dead code(过时的变量、参数、字段、方法和/或类)是一种非常常见的“代码清理”做法。只是没有使用衬线字体,所以它被删除了。 (即使在 BS3 中也没有“使用”它。它被声明,但除了定制器之外没有被其他任何东西引用。)

但这就是框架的美妙之处——您可以自己添加/删除/更改它。 :)