Bootstrap 文本/排版
Bootstrap 的默认设置
Bootstrap 的全局默认字体大小为 14px，行高为 1.428。
这应用于 <body> 元素和所有段落 (<p>)。
此外，所有 <p> 元素的底部边距等于其计算的行高的一半（默认情况下为 10px）。
Bootstrap 与浏览器默认设置
在本章中，我们将了解一些 Bootstrap 对其进行样式设置的方式与浏览器默认设置略有不同的 HTML 元素。
<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> 元素的样式
要将引文显示在右侧，请使用 .blockquote-reverse 类
<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 助手类参考，以获取有关上下文类的更多信息。
