如何在 Bootstrap 4 中增加字体大小？

Question

在 Bootstrap 4 中，字体大小默认使用 em 或 rem 字体。

如何为所有视口尺寸增加 font-size ？因为每个元素看起来都很小。

原文由 Mukul Kant 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

因为 Bootstrap 4 将 rem 用于 font-size 大部分元素的单元，所以您可以在 中设置 font-size px 将更改 Bootstrap 应用于您的元素的默认大小。我已经包含了一个指向 codeply 项目 的链接，因此您可以看到它的运行情况。环境中已经加载了 Bootstrap 4。如果您为 html 选择器更改 font-size 的值并运行该项目，您可以看到元素的大小如何相对于根元素发生变化。

添加三行 CSS 到你的样式表应该很容易：

 html {
    font-size: 16px;
}

原文由 Jade Cowan 发布，翻译遵循 CC BY-SA 3.0 许可协议