Bootstrap 文本/排版
Bootstrap 的默认设置
Bootstrap 的全局默认字体大小为 14px，行高为 1.428。
这应用于 <body> 元素和所有段落 (<p>)。
此外，所有 <p> 元素都有一个底部边距，其大小等于其计算行高的一半（默认为 10px）。
Bootstrap 与浏览器默认设置
在本章中，我们将介绍一些 HTML 元素，它们在 Bootstrap 中的样式与浏览器默认样式略有不同。
<h1> - <h6>
默认情况下，Bootstrap 将以以下方式设置 HTML 标题（<h1> 到 <h6>）的样式
示例
h1 Bootstrap 标题 (36px)
h2 Bootstrap 标题 (30px)
h3 Bootstrap 标题 (24px)
h4 Bootstrap 标题 (18px)
h5 Bootstrap 标题 (14px)
h6 Bootstrap 标题 (12px)
<small>
在 Bootstrap 中，HTML <small> 元素用于在任何标题中创建更淡的辅助文本
<mark>
Bootstrap 将以以下方式设置 HTML <mark> 元素的样式
<abbr>
Bootstrap 将以以下方式设置 HTML <abbr> 元素的样式
<blockquote>
Bootstrap 将以以下方式设置 HTML <blockquote> 元素的样式
示例
50 年来，世界自然基金会 (WWF) 一直在保护自然的未来。作为全球领先的环保组织，WWF 在 100 个国家开展工作，并得到美国 120 万会员和全球近 500 万会员的支持。
要在右侧显示引用，请使用 .blockquote-reverse 类
示例
50 年来，世界自然基金会 (WWF) 一直在保护自然的未来。作为全球领先的环保组织，WWF 在 100 个国家开展工作，并得到美国 120 万会员和全球近 500 万会员的支持。
<dl>
Bootstrap 将以以下方式设置 HTML <dl> 元素的样式
<code>
Bootstrap 将以以下方式设置 HTML <code> 元素的样式
<kbd>
Bootstrap 将以以下方式设置 HTML <kbd> 元素的样式
<pre>
Bootstrap 将以以下方式设置 HTML <pre> 元素的样式
示例
Text in a pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks.
上下文颜色和背景
Bootstrap 还有一些上下文类，可用于“通过颜色传达意义”。
文本颜色类有：.text-muted、.text-primary、.text-success、.text-info、.text-warning 和 .text-danger
背景颜色类有：.bg-primary、 .bg-success、.bg-info、.bg-warning 和 .bg-danger
更多排版类
以下 Bootstrap 类可以进一步用于设置 HTML 元素的样式
| 类 | 描述 | 示例 |
|---|---|---|
.lead |
使段落脱颖而出 | 试一试 |
.small |
表示较小的文本（设置为父元素大小的 85%） | 试一试 |
.text-left |
表示左对齐文本 | 试一试 |
.text-center |
表示居中文本 | 试一试 |
.text-right |
表示右对齐文本 | 试一试 |
.text-justify |
表示两端对齐文本 | 试一试 |
.text-nowrap |
表示不换行文本 | 试一试 |
.text-lowercase |
表示小写文本 | 试一试 |
.text-uppercase |
表示大写文本 | 试一试 |
.text-capitalize |
表示大写文本 | 试一试 |
.initialism |
在 <abbr> 元素内显示文本，字体大小稍小 |
试一试 |
.list-unstyled |
移除列表项的默认列表样式和左外边距（适用于 <ul> 和 <ol>）。此类仅适用于直接子列表项（要移除嵌套列表的默认列表样式，也需将此类应用于任何嵌套列表） |
试一试 |
.list-inline |
将所有列表项放在一行上 | 试一试 |
.dl-horizontal |
将 <dl> 元素中的术语 (<dt>) 和描述 (<dd>) 并排对齐。开始时像默认的 <dl>，但当浏览器窗口展开时，它们将并排对齐 |
试一试 |
.pre-scrollable |
使 <pre> 元素可滚动 |
试一试 |
完整的 Bootstrap 排版参考
有关所有排版元素/类的完整参考，请访问我们的完整 Bootstrap 排版参考。
另请参阅我们的 Bootstrap 辅助类参考，了解有关上下文类的更多信息。
