如何使用Bootstrap修改段落、链接等非标题常规文本的字体大小？

Bootstrap 本身完全支持给段落、链接等非标题元素设置自定义字号，不需要额外编写冗余的自定义CSS，常用方案有两种：

• 直接使用内置的 .small 工具类
  这是最简便的方案，Bootstrap 原生预置的 .small 类会将元素字号设置为父元素字号的 87.5%，比默认正文（fs-6 对应 1rem）小一圈，适配所有块级、内联元素，没有标题/非标题的使用限制。你提到的小号辅助链接直接加这个类即可生效：

  <p class="link-secondary small">Very Small Link</p>
  

  如果是语义化的附属细则类文本，也可以直接用 <small> 标签包裹，Bootstrap 默认给该标签配置了和 .small 类完全一致的样式，不需要额外加类。

• 扩展 fs-* 工具类序列适配多档小字号需求
  如果你需要多档不同梯度的小字号，可以通过修改 Bootstrap 源码的 SCSS 变量扩展字号映射表，编译后就能生成和原生 fs-1~fs-6 用法完全一致的小字号工具类，所有元素通用。配置示例如下：

  // 注意：扩展配置需要写在导入Bootstrap之前
  $font-sizes: (
    1: $h1-font-size,
    2: $h2-font-size,
    3: $h3-font-size,
    4: $h4-font-size,
    5: $h5-font-size,
    6: $h6-font-size,
    7: 0.875rem, // 和.small效果一致
    8: 0.75rem   // 更小一档字号
  );
  @import "bootstrap";
  

  编译完成后，直接给元素添加 fs-7、fs-8 类即可调用对应字号，不存在只能给标题用的限制。

补充说明：原生的 fs-1~fs-6 类本身没有绑定标题元素选择器，只是默认字号取值和 h1~h6 标题字号一一对应，给普通段落、链接加这些类同样会生效，只是默认预置的字号序列里最小一档为正文字号，没有预置更小的档位而已。

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