突出显示文本

使用 mark 元素（或 .mark 类）来 突出显示 文本。

缩写

abbr 元素用于标记缩写或首字母缩略词：

WHO 成立于1948年.

块引用

blockquote 元素用于显示来自另一个来源的内容：

50 年来, WWF 一直致力于保护自然的未来. 作为世界领先的自然保护组织, WWF 在 100 个国家/地区开展工作.并得到美国 120 万会员和全球近 500 万会员的支持.

描述列表

dl 元素表示描述列表：

咖啡

- 黑色的热饮

牛奶

- 白色的冷饮

代码片段

行内的代码片段应该嵌入到 code 元素中：

这些 HTML 元素：span、section 以及 div 定义文档中的一个部分。

键盘输入

如需表示通常通过键盘键入的输入内容，请使用 kbd 元素：

请使用 ctrl + p 打开打印对话框。

多行代码行

对于多行代码，请使用 pre 元素：

          pre 元素中的文本
          以固定宽度显示
          字体，并且它保留了
          both      spaces and
          换行符.
          

排版

使用 .lead 类使段落“脱颖而出”：

这一段很突出.

这是一个常规段落.

排版

text-left 左对齐文本。

text-end 右对齐文本。

text-center 居中对齐的文本。

text-nowrap 不换行的文本。不换行的文本。

不换行的文本。不换行的文本。

Text break / Word break

.text-break 类可防止长文本破坏布局。

使用 .text-break：

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

不使用 .text-break：

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUu
VvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQ
qRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhIiJjKkLlMmN
nOoPpQqRrSsTtUuVvWwXxYyZzAaBbCcDdEeFfGgHhI
iJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz

文字装饰

请使用 .text-decoration-none 类从链接中删除下划线。

排版

text-lowercase Lowercased text.

text-uppercase Uppercased text.

text-capitalize Capitalized text.

排版

Lowercased text.

Uppercased text.

Capitalized text.

排版

The WHO was founded in 1948. (normal abbr)

The WHO was founded in 1948. (slightly smaller abbr)

排版

类 .list-unstyled 删除列表项的默认列表样式和左外边距（仅限直接子项）：

• 苹果
• 饮料
  • 可乐
  • 雪碧
• 矿泉水
• 啤酒

排版

.list-inline 类将所有列表项放在一行中，当与 .list-inline-item 一起使用时：

• 读书
• 听歌
• 打球

上下文颜色

请使用上下文类来提供“由颜色表达的某种意义”。

text-muted 此文本已静音。

text-primary 此文字很重要。

text-success 此文本表示成功。

text-info 此文字代表了一些信息。

text-warning 此文本表示警告。

text-danger 此文字代表危险。

text-secondary 次要文本。

text-dark 此文字为深灰色。

text-body 默认主体颜色（通常为黑色）。

text-light 此文本为浅灰色（在白色背景上）。

text-white 这段文字是白色的（在白色背景上）。

不透明度文本颜色

请使用 .text-black-50 或 .text-white-50 类为黑色或白色文本添加 50% 的不透明度：

白色背景上不透明度为 50% 的黑色文本

黑色背景上不透明度为 50% 的白色文本

上下文背景

请使用上下文背景类来提供“由颜色表达的某种意义”。

请注意，如果您想要不同的文本颜色，您还可以添加 .text-* 类：

bg-primary text-white 此文本很重要。

bg-success text-white 此文本表示成功。

bg-info text-white 此文本代表了一些信息。

bg-warning text-white 此文本表示警告。

bg-danger text-white 此文本代表危险。

bg-secondary text-white 次要背景颜色。

bg-dark text-white 深灰色背景颜色。

bg-light text-dark 浅灰色背景色。

基础表格

.table 类为表格添加了基本样式（浅色内边距和水平分隔线）：

条纹行

.table-striped 类将斑马条纹添加到表中：

带边框的表格

.table-bordered 类在表格和单元格的所有边添加边框：

有悬停效果的行

.table-hover 类在表格行上启用悬停状态（鼠标悬停时的灰色背景）：

黑色/深色表格

.table-dark 类为表格添加黑色背景：

深色条纹表格

结合 .table-dark 和 .table-striped 来创建深色的条纹表格：

可悬停的深色表格

table table-dark .table-hover 类在表格行上添加悬停效果（灰色背景色）：

无边框表格

.table-borderless 类从表格中删除边框：

上下文类

上下文类可用于为表格、表格行或表格单元格着色。可以使用的类有：.table-primary、.table-success、.table-info、.table-warning、.table-danger、.table-active、.table-secondary、.table-light 和 .table-dark：

表头颜色

您可以使用任何上下文类只向表格标题添加背景颜色：

小型表格

.table-sm 类通过将单元格填充减半来使表格变小：

响应式表格

.table-responsive 类在需要时向表格添加滚动条（当它在水平方向上太大时）：