Bootstrap5 文字排版3

简介: Bootstrap 5 默认字体大小为 16px,行高 1.5,字体族为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有元素默认上边距为 0,下边距为 1rem (16px)。HTML 标题(h1 至 h6)和代码元素(code、kbd、pre)均有预设样式,方便快速开发和一致的视觉效果。

Bootstrap5 文字排版3
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)的样式。请看下面的实例:


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

实例


代码片段


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


以下 HTML 元素: span, section, 和 div 用于定义部分文档内容。


尝试一下 »

Bootstrap 5 定义 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 5 定义 HTML
 元素的样式如下:

实例


Multiple Code Lines


For multiple lines of code, use the pre element:



Text in a pre element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks.

相关文章
N..
|
6月前
|
开发框架 前端开发 容器
Bootstrap排版
Bootstrap排版
N..
45 0
|
6月前
|
前端开发
【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
【1月更文挑战第17天】【Bootstrap】<前端框架>Bootstrap常用样式 - 排版
|
24天前
|
前端开发
Bootstrap5 文字排版2
Bootstrap 5 默认字体大小为 16px,行高 1.5,字体系列为 "Helvetica Neue", Helvetica, Arial, sans-serif。所有 HTML 标题(h1 至 h6)均有预设样式,段落默认上下间距为 16px。此外,Bootstrap 5 还提供了高亮文本、缩写、引用块和描述列表等元素的样式定义。
|
24天前
|
移动开发 前端开发
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 元素用于创建更小且颜色更浅的文本。
|
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
|
前端开发 容器
|
前端开发 容器