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

Question

在Bootstrap 4中，font-size默认使用em或rem字体。

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

Answer 1

因为Bootstrap 4使用rem作为其大部分元素的font-size单位，所以您可以在自己的样式表中的HTML元素上设置font-size中的px，这将更改默认大小Bootstrap适用于您的元素。我已经添加了codeply project的链接，因此您可以看到它的实际效果。环境中已经加载了Bootstrap 4。如果更改font-size选择器的html的值并运行项目，您可以看到元素的大小调整如何相对于根元素进行更改。

在样式表中添加三行CSS应该非常简单：

html {
    font-size: 16px;
} 

Answer 2

您可以使用.h1到.h6引导类，或者您可以创建自己的自定义css类并在此处定义字体大小，并将您的类放在html元素上。

Answer 3

引导程序4

可以使用多种类来自定义文本：

• h1-h6
• display-1-display-4

• 小

  <div *ngIf="customer_picked" class="pl-2 pt-2 h5">
      <p>First name: {{selected_customer.first_name}}</p>
      <p>Last name: {{selected_customer.last_name}}</p>
  </div>
  

Answer 4

您可能还需要考虑添加以下内容：

start

添加此内容后，我的移动浏览器突然显示出合理的文本大小。