Bootstrap5 文字排版1
Bootstrap 5 默认设置
Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5。
默认的 font-family 为 "Helvetica Neue", Helvetica, Arial, sans-serif。
此外,所有的
元素 margin-top: 0 、 margin-bottom: 1rem (16px)。
-
Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式。请看下面的实例:
实例
h1 Bootstrap 标题
h2 Bootstrap 标题
h3 Bootstrap 标题
h4 Bootstrap 标题
h5 Bootstrap 标题
h6 Bootstrap 标题
尝试一下 »
你也可以使用 .h1 到 .h6 类来设置元素的样式:
实例
h1 Bootstrap 标题
h2 Bootstrap 标题
h3 Bootstrap 标题
h4 Bootstrap 标题
h5 Bootstrap 标题
h6 Bootstrap 标题
尝试一下 »
Display 标题类
Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1, .display-2, .display-3, .display-4。
实例
Display 标题
Display 标题可以输出更大更粗的字体样式。
Display 1
Display 2
Display 3
Display 4
尝试一下 »
在 Bootstrap 5 中 HTML 元素用于创建字号更小的颜色更浅的文本:
实例
更小文本标题
small 元素用于字号更小的颜色更浅的文本: