Bootstrap 5 文本/排版
Bootstrap 5 默认设置
Bootstrap 5 使用默认的 font-size 为 1rem（默认情况下为 16px），其 line-height 为 1.5。
此外，所有 <p> 元素具有 margin-top: 0 和 margin-bottom: 1rem（默认情况下为 16px）。
<h1> - <h6>
Bootstrap 5 使用更粗的字体权重和响应式的字体大小来样式化 HTML 标题（<h1> 到 <h6>）。
您也可以在其他元素上使用 .h1 到 .h6 类，如果需要，使它们的行为像标题
示例
<p class="h1">h1 Bootstrap 标题</p>
<p class="h2">h2 Bootstrap 标题</p>
<p class="h3">h3 Bootstrap 标题</p>
<p class="h4">h4 Bootstrap 标题</p>
<p class="h5">h5 Bootstrap 标题</p>
<p class="h6">h6 Bootstrap 标题</p>
亲自尝试 »
展示标题
展示标题用于比普通标题更突出（更大的字体大小和更轻的字体权重），并且有六个类可供选择：.display-1 到 .display-6
<small>
在 Bootstrap 5 中，HTML <small> 元素（以及 .small 类）用于在任何标题中创建更小的辅助文本
<mark>
Bootstrap 5 将使用黄色的背景颜色和一些填充来样式化 <mark> 和 .mark
<abbr>
Bootstrap 5 将使用带点下划线和鼠标悬停时带有问号的游标来样式化 HTML <abbr> 元素
<blockquote>
在引用来自其他来源的内容块时，将 .blockquote 类添加到 <blockquote> 中。在命名来源（例如“来自 WWF 网站”）时，使用 .blockquote-footer 类
<dl>
Bootstrap 5 将以以下方式样式化 HTML <dl> 元素
<code>
Bootstrap 5 将以以下方式样式化 HTML <code> 元素
<kbd>
Bootstrap 5 将以以下方式样式化 HTML <kbd> 元素
<pre>
Bootstrap 5 将以以下方式样式化 HTML <pre> 元素
更多排版类
以下 Bootstrap 5 类可以添加到 HTML 元素以进一步样式化
| 类 | 描述 | 示例 |
|---|---|---|
.lead |
使段落脱颖而出 | 尝试一下 |
.text-start |
表示左对齐文本 | 尝试一下 |
.text-break |
防止长文本破坏布局 | 尝试一下 |
.text-center |
表示居中对齐文本 | 尝试一下 |
.text-decoration-none |
从链接中移除下划线 | 尝试一下 |
.text-end |
表示右对齐文本 | 尝试一下 |
.text-nowrap |
表示不换行文本 | 尝试一下 |
.text-lowercase |
表示小写文本 | 尝试一下 |
.text-uppercase |
表示大写文本 | 尝试一下 |
.text-capitalize |
表示首字母大写文本 | 尝试一下 |
.initialism |
在稍微更小的字体大小中显示 <abbr> 元素内的文本 |
尝试一下 |
.list-unstyled |
移除列表项的默认列表样式和左侧边距（适用于 <ul> 和 <ol>）。此类仅应用于直接子列表项（要从任何嵌套列表中移除默认列表样式，也请将此类应用于任何嵌套列表） |
尝试一下 |
.list-inline |
将所有列表项放置在单行上（与每个 <li> 元素上的 .list-inline-item 一起使用） |
尝试一下 |
