Bootstrap 5 的 RFS 是内置的响应式字体大小机制，基于 Sass 编译时生成 clamp() 表达式，无需额外安装插件；所有标题类（.h1–.h6、.display-*）默认启用，$enable-responsive-font-sizes 默认为 true。
RFS 在 Bootstrap 5 中默认已启用，无需额外安装插件或 npm 包——它不是独立插件，而是内置的 Sass 编译时能力，直接用即可。
Bootstrap 5 的 RFS 是什么，为什么不用装插件
RFS（Responsive Font Sizes）在 Bootstrap 5 中已深度集成：$enable-responsive-font-sizes 默认为 true，所有 .display-* 和 .h1–.h6 类都已内置 clamp() 表达式。你看到的 font-size: clamp(1.5rem, 4.2vw, 3rem) 就是编译后结果，不是运行时 JS 计算，也不依赖外部插件。
常见错误现象：搜 “bootstrap rfs plugin npm” 然后装了 @csstools/postcss-plugins 或 rfs 包——这些对 Bootstrap 5 的 RFS 完全无效，甚至可能干扰构建流程。
- Bootstrap 5.3+ 的 RFS 是纯 CSS + Sass 实现，源码在
scss/mixins/_rfs.scss里 - 如果你用的是 CDN（如
https://cdn.jsdelivr.net/npm/bootstrap@5.3/dist/css/bootstrap.min.css），RFS 已开箱生效，无需任何配置 - 只有当你重写了
$font-size-base或$rfs-breakpoint等变量，才需要确保它们在@import "bootstrap"前定义
如何验证 RFS 是否真在工作
别只看文档，直接检查浏览器开发者工具里的 computed font-size：
- 选中一个
<h1 class="display-1"></h1>元素，在 Styles 面板里找font-size属性，应看到类似font-size: clamp(1.5rem, 4.2vw, 3rem)的声明 - 拖动浏览器窗口宽度，观察 Elements → Computed → font-size 数值是否连续变化（比如从 24px → 28px → 32px）
- 如果只看到固定值如
3rem，说明你用了低于 5.3 的版本，或被自定义 CSS 覆盖（例如写了h1 { font-size: 2.5rem !important; }） - 如果看到
calc(1.525rem + 3.3vw)，那是 Bootstrap 4.x 的 RFS 输出，确认你没混用 v4 CSS 文件
想改 RFS 行为？必须改 Sass 变量，不能靠 JS 或 runtime 配置
RFS 缩放逻辑由几个关键 Sass 变量控制，修改它们需在自定义 SCSS 入口文件中完成（例如 _custom.scss），且必须放在 @import "bootstrap" 之前：
-
$rfs-breakpoint：默认1200px，表示缩放起始断点；设为768px可让小屏也参与缩放 -
$rfs-minimum-font-size：默认1rem（≈16px），防止文字过小；若设计稿要求最小 14px，可设为0.875rem -
$rfs-scale-factor：默认10，控制缩放斜率；值越大，视口变化时字号变化越剧烈 -
$rfs-fallback-font-size：仅当clamp()不支持时降级用，一般不用动
注意：$enable-responsive-font-sizes 在 Bootstrap 5 中已废弃，设它不会报错但无效果；真正开关是 $rfs-fluid（默认 true），但除非你明确要禁用流体行为，否则不要碰。
第三方组件或自定义标签怎么接入 RFS
Bootstrap 自带类（.display-4、.h2）已自动响应，但你写的 <p class="hero-text"></p> 或用到 select2 的下拉项，RFS 不会自动生效：
- 最稳妥方式：给自定义类加
font-size: rfs-fluid-value(1.5rem);（需在 Sass 环境下），它会生成等效clamp() - 纯 CSS 项目：手动写
font-size: clamp(1.125rem, 3.8vw, 1.5rem);，并加降级font-size: 1.25rem; - 表格内文字（
.table）默认不走 RFS，因为$table-font-size变量未包裹；重定义它：$table-font-size: rfs-fluid-value(0.875rem); - 别试图用
html { font-size: clamp(...) }全局接管——这会破坏所有 rem 基准，导致margin、padding全部错乱
真正容易被忽略的点：RFS 只缩放 font-size，line-height、letter-spacing、border-radius 不会联动变化。如果你调大了标题字号却没同步调高 line-height，小屏下文字会糊成一团。
