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

Question

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

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

Answer 1

因为 Bootstrap 4 使用 rem 作为其大部分元素的 font-size 单位，您可以将 font-size 设置为 px在您自己的样式表中的 HTML 元素上，这将更改 Bootstrap 应用于您的元素的默认大小。我提供了一个指向 codeply project 的链接，所以你可以看到它的实际效果。环境中已经加载了 Bootstrap 4。如果您更改 html 选择器的 font-size 的值并运行该元素，您可以看到元素的大小如何相对于根元素发生变化。

向样式表添加三行 CSS 应该非常简单:

html {
    font-size: 16px;
}