如何在Bootstrap 4中使用Sass更改字体大小？

引导定义的基础font-size，在它的_reboot.scss作为

body {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    background-color: #fff;
}

注意：-请勿将默认值更改为框架文件，请始终使用自定义css / js文件修改值。

因此，为了更改字体大小以14px在您自己的字体style.css（自定义css文件）中使用此字体

body {
    font-size: 0.875rem;
 }

这是工作的小提琴

使用，!important您将看不到更改以覆盖默认更改。

在您的custom.scss文件中执行以下操作：

$custom-variable:0.875rem;

然后像这样使用它：

@import "./src/scss/_modules/custom"; 
@import "./bower_components/bootstrap/scss/bootstrap";

body {
font-size:$custom-variable;
}