实例

Bootstrap 5 将使用黄色背景颜色和一些内边距来设置 和 .mark 的样式：

实例

Bootstrap 5 将 HTML 元素的样式设置为底部带有虚线边框，悬停时带有问号的光标：

实例

当引用其他来源的内容块时，请将 .blockquote 类添加到

。当命名来源时，例如“来自世界自然基金会的网站”，请使用 .blockquote-footer 类：

实例

Bootstrap 5 将通过以下方式设置 HTML

元素的样式：

实例

Bootstrap 5 将通过以下方式设置 HTML 元素的样式：

实例

Bootstrap 5 将通过以下方式设置 HTML 元素的样式：

实例

Bootstrap 5 将通过以下方式设置 HTML

 元素的样式：


实例









更多排版类

下面的 Bootstrap 5 类可以进一步添加到 HTML 元素的样式中：



类
描述
例子



.lead
突出段落。
试一试



.text-left
规定左对齐文本。
试一试



.text-break
防止长文本破坏布局。
试一试



.text-center
规定居中对齐的文本。
试一试



.text-decoration-none
删除链接中的下划线。
试一试



.text-end
规定右对齐文本。
试一试



.text-nowrap
规定文本不换行。
试一试



.text-lowercase
规定小写文本。
试一试



.text-uppercase
规定大写文本。
试一试



.text-capitalize
规定大写文本。
试一试



.initialism
以稍小的字体显示  元素内的文本。
试一试



.list-unstyled
删除列表项的默认 list-style 和左外边距（适用于 
 和 
）。
此类仅适用于直接子列表项。
如需从任何嵌套列表中删除默认列表样式，也请将此类应用于嵌套列表。
试一试



.list-inline
将所有列表项放在一行上。
请与每个 
 元素上的 .list-inline-item 一起使用。
试一试