首页 > 解决方案 > Bootstrap 5:如何添加 $font-family-serif 变量

问题描述

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

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

我是自己声明_variables_custom.css还是有规范的方法可以做到这一点?

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

标签: bootstrap-5typography

解决方案


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

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

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

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


推荐阅读