本地开发环境中Bootstrap 4的display-1类渲染字号与官网不一致

你没有写自定义CSS、同屏对比的前提下出现这个字号差，本质是本地引入的Bootstrap 4小版本和官网当前部署的版本不匹配。
Bootstrap 4的迭代过程中对display排版类的字号做过明确调整，不存在任何配置开关可以切换这个数值：

• 4.0.0 至 4.2.1 版本：.display-1 的统一渲染字号为 5rem，也就是你本地看到的效果
• 4.3.0 及以上的4.x 系列正式版：排版模块重构响应式逻辑后，.display-1 在中等屏幕及以上断点的渲染字号为 6rem，也就是官网当前展示的效果

• 先核对本地的精确版本号：打开开发者工具的Network面板，筛选加载的bootstrap.css文件，查看文件头部注释里的版本标识；如果页面已引入jQuery，可直接在控制台执行 $.fn.tooltip.Constructor.VERSION 快速拿到版本值。
• 替换对应版本的官方资源：如果要和官网渲染效果完全一致，把本地引用的Bootstrap CSS、JS文件替换为4.3.0及以上的4.x系列正式版即可，不需要额外写样式覆盖。
• 避坑提醒：不要跨小版本混用Bootstrap资源，比如CSS引入4.1.x版本、JS引入4.6.x版本，会同时出现排版偏移、交互组件失效的问题。

内容的提问来源于stack exchange，提问作者Greyfrog