Bootstrap CSS 排版参考
Bootstrap 的默认设置
Bootstrap 的全局默认字体大小为 14px，行高为 1.428。
这适用于 <body> 和所有段落。
此外，所有 <p> 元素的下边距等于其计算的行高的一半（默认为 10px）。
排版
下面的元素是 HTML 元素，Bootstrap 的样式与浏览器默认设置的样式略有不同。 查看 "Try it" 示例以查看结果/差异。
下面的类用于进一步设置元素的样式。
| 元素/类 | 描述 | 实例 |
|---|---|---|
| <h1> - <h6> or .h1 - .h6 |
h1 - h6 标题 | 测试一下 |
| <small> | 在任何标题中创建更轻的辅助文本
Heading (secondary text) |
测试一下 |
| .small | 表示较小的文本（设置为父级大小的 85%）: Smaller text | 测试一下 |
| .lead | 使文本脱颖而出: Stand out text | 测试一下 |
| <mark> or .mark |
突出显示文本: 突出显示的文本 | 测试一下 |
| <del> | 表示已删除的文本: |
测试一下 |
| <s> | 表示不再相关的文本: |
测试一下 |
| <ins> | 表示插入的文本:插入的文本 | 测试一下 |
| <u> | 表示带下划线的文字:带下划线的文字 | 测试一下 |
| <strong> | 表示粗体文本:粗体文本 | 测试一下 |
| <em> | 表示斜体:斜体 | 测试一下 |
| .text-left | 表示左对齐文本 | 测试一下 |
| .text-center | 表示居中对齐的文本 | 测试一下 |
| .text-right | 表示右对齐的文本 | 测试一下 |
| .text-justify | 表示两端对齐的文本 | 测试一下 |
| .text-nowrap | 表示没有换行文本 | 测试一下 |
| .text-lowercase | 表示小写文本: LOWERCASED TEXT | 测试一下 |
| .text-uppercase | 表示大写文本: uppercased text | 测试一下 |
| .text-capitalize | 表示大写的文本: capitalized text | 测试一下 |
| <abbr> | <abbr> 元素表示缩写或首字母缩略词。 带有标题属性的缩写有一个虚线下边框和一个悬停帮助光标，在悬停时提供额外的上下文。 | 测试一下 |
| .initialism | 显示 <abbr> 中的文本 字体稍小一些的元素 | 测试一下 |
| <address> | 提供联系信息 | 测试一下 |
| <blockquote> | 表示来自其他来源的内容块 | 测试一下 |
| .blockquote-reverse | 表示内容右对齐的块引用 | 测试一下 |
| <ul> | 表示无序列表 | 测试一下 |
| <ol> | 表示有序列表 | 测试一下 |
| .list-unstyled | 删除列表项的默认列表样式和左边距（适用于 <ul> 和 <ol>）。此类仅适用于直接子列表项（要从任何嵌套列表中删除默认列表样式，请将此类也应用于任何嵌套列表） | 测试一下 |
| .list-inline | 将所有列表项放在一行上 | 测试一下 |
| <dl> | 表示描述列表 | 测试一下 |
| .dl-horizontal | 并排排列 <dl> 元素中的术语和描述。 像默认的 <dl>一样开始，但是当浏览器窗口展开时，它会并排排列 | 测试一下 |
代码
| 元素/类 | 描述 | 实例 |
|---|---|---|
| <var> | 表示变量: x = ab + y | 测试一下 |
| <kbd> | 表示通常通过键盘输入的输入: CTRL + P | 测试一下 |
| <pre> | 表示多行代码 | 测试一下 |
| <pre class="pre-scrollable"> | 用滚动条表示多行代码 | 测试一下 |
| <samp> | 表示来自计算机程序的样本输出: Sample output | 测试一下 |
| <code> | 表示内联代码片段: span, div |
测试一下 |
