Bootstrap4 文字排版

2020-06-19 08:30:58易采站长站整理


Bootstrap 4 定义 HTML

元素的样式如下:

实例

Description Lists

The dl element indicates a description list:

Coffee- black hot drinkMilk- white cold drink

Bootstrap 4 定义 HTML

 元素的样式如下:

实例

代码片段

可以将一些代码元素放到 code 元素里面:

以下 HTML 元素:

span
,
section
, 和
div
用于定义部分文档内容。

Bootstrap 4 定义 HTML 元素的样式如下:

实例

Keyboard Inputs

To indicate input that is typically entered via the keyboard, use the kbd element:

Use ctrl + p to open the Print dialog box.

Bootstrap 4 定义 HTML

 元素的样式如下:

实例

Multiple Code Lines

For multiple lines of code, use the pre element:

Text in a pre elementis displayed in a fixed-widthfont, and it preservesboth      spaces andline breaks.


更多排版类

下表提供了 Bootstrap4 更多排版类的实例:

相关文章 大家在看
类名描述实例
.font-weight-bold加粗文本
.font-weight-normal普通文本
.font-weight-light更细的文本
.font-italic斜体文本
.lead让段落更突出
.small指定更小文本 (为父元素的 85% )
.text-left左对齐
.text-center居中
.text-right右对齐
.text-justify设定文本对齐,段落中超出屏幕部分文字自动换行
.text-nowrap段落中超出屏幕部分不换行
.text-lowercase设定文本小写
.text-uppercase设定文本大写
.text-capitalize设定单词首字母大写
.initialism显示在 元素中的文本以小号字体展示,且可以将小写字母转换为大写字母
.list-unstyled移除默认的列表样式,列表项中左对齐 (

中)。 这个类仅适用于直接子列表项
(如果需要移除嵌套的列表项,你需要在嵌套的列表中使用该样式)