Bootstrap4当中的RFS怎么使用？

Question

想请问官方文档中说的用scss对css进行编译，这部分我实在不懂怎么弄，卡在这里了。
想通过使用这个方法来实现字体大小的自适应
https://github.com/twbs/rfs/tree/v8.1.0

Answer 1

回答不易，求求您采纳点赞哦

Bootstrap4 中的 RFS (Rem) Font Sizing) 是一种自适应字体大小的方法，它使用了 rem 单位设置字体大小。要使用 RFS，您需要使用 scss 对 Bootstrap 的源代码进行编译。

下面是实现步骤：

• 安装依赖：安装 node.js 和 npm。
• 克隆 Bootstrap4 代码：从 GitHub 上克隆 Bootstrap4 源代码。
• 安装 npm 包：在克隆的 Bootstrap4 代码目录中运行 npm install 命令，安装所需的 npm 包。
• 编译 scss：运行 npm run scss 命令，编译 scss 文件为 css。
• 在 HTML 文件中引入生成的 css 文件：使用 link 标签在 HTML 文件中引入生成的 css 文件。
• 在编译过程中，您可以在 _variables.scss 文件中修改字体大小，然后重新编译 css 文件。

请注意，使用 RFS 需要一定的 scss 基础知识，如果您不熟悉 scss，请先学习一些基础知识。