Bootstrap5 文字排版1

简介: Bootstrap 5 的默认文字排版设置包括:font-size 为 16px,line-height 为 1.5,font-family 为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有元素的 margin-top 为 0,margin-bottom 为 1rem。HTML 标题(h1 至 h6)和 .h1 至 .h6 类均定义了样式,还有 .display-1 至 .display-4 类用于更大的标题样式。small 元素用于创建更小且颜色更浅的文本。

Bootstrap5 文字排版1
Bootstrap 5 默认设置
Bootstrap 5 默认的 font-size 为 16px, line-height 为 1.5。

默认的 font-family 为 "Helvetica Neue", Helvetica, Arial, sans-serif。

此外,所有的

元素 margin-top: 0 、 margin-bottom: 1rem (16px)。

-


Bootstrap 中定义了所有的 HTML 标题(h1 到 h6)的样式。请看下面的实例:

实例


h1 Bootstrap 标题


h2 Bootstrap 标题


h3 Bootstrap 标题


h4 Bootstrap 标题


h5 Bootstrap 标题

h6 Bootstrap 标题

尝试一下 »
你也可以使用 .h1 到 .h6 类来设置元素的样式:

实例


h1 Bootstrap 标题


h2 Bootstrap 标题


h3 Bootstrap 标题


h4 Bootstrap 标题


h5 Bootstrap 标题


h6 Bootstrap 标题


尝试一下 »
Display 标题类
Bootstrap 还提供了四个 Display 类来控制标题的样式: .display-1, .display-2, .display-3, .display-4。

实例


Display 标题


Display 标题可以输出更大更粗的字体样式。


Display 1


Display 2


Display 3


Display 4


尝试一下 »

在 Bootstrap 5 中 HTML 元素用于创建字号更小的颜色更浅的文本:

实例


更小文本标题


small 元素用于字号更小的颜色更浅的文本:


h1 标题 副标题


h2 标题 副标题


h3 标题 副标题


h4 标题 副标题


h5 标题 副标题

h6 标题 副标题

相关文章
N..
|
6月前
|
开发框架 前端开发 容器
Bootstrap排版
Bootstrap排版
N..
45 0
|
6月前
|
前端开发
【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
【1月更文挑战第17天】【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
|
24天前
|
前端开发
Bootstrap5 文字排版3
Bootstrap 5 默认字体大小为 16px,行高 1.5,字体族为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有元素默认上边距为 0,下边距为 1rem (16px)。HTML 标题(h1 至 h6)和代码元素(code、kbd、pre)均有预设样式,方便快速开发和一致的视觉效果。
|
24天前
|
前端开发
Bootstrap5 文字排版2
Bootstrap 5 默认字体大小为 16px,行高 1.5,字体系列为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有 HTML 标题(h1 至 h6)均有预设样式,段落默认上下间距为 16px。此外,Bootstrap 5 还提供了高亮文本、缩写、引用块和描述列表等元素的样式定义。
|
6月前
|
前端开发
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
|
6月前
|
前端开发
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
Bootstrap 5 保姆级教程(二):文字排版 & 颜色
|
移动开发 前端开发 JavaScript
Bootstrap 排版样式
Bootstrap 排版样式
60 0
N..
|
6月前
|
开发框架 前端开发 UED
Bootstrap的CSS组件
Bootstrap的CSS组件
N..
66 0
|
前端开发 容器
|
前端开发 容器