Bootstrap 4 文字排版
Bootstrap 4 是一个流行的前端框架,它提供了丰富的工具和组件,用于快速开发响应式和移动优先的网页。在本文中,我们将重点讨论 Bootstrap 4 中的文字排版功能。
引言
文字排版是网页设计的基础,它直接影响着用户的阅读体验和信息的传达效果。Bootstrap 4 提供了一套强大的文字排版工具,使得设计响应式文本内容变得简单而高效。
Bootstrap 4 文字排版基础
字体设置
Bootstrap 4 默认使用 "Helvetica Neue", Helvetica, Arial, sans-serif 作为字体族。你可以通过定制来改变这个设置。
字体大小
Bootstrap 4 使用 REM 单位来设置字体大小,这有助于保持文本的响应性和可缩放性。框架定义了一系列的字体大小类,例如 .h1
到 .h6
用于标题,.lead
用于突出段落。
字体权重和风格
通过 .font-weight-bold
,.font-weight-normal
,.font-italic
等类,可以轻松控制文字的权重和风格。
对齐方式
Bootstrap 4 提供了文本对齐的类,如 .text-left
,.text-center
,.text-right
和 .text-justify
,方便你设置文本的对齐方式。
字体颜色
使用 .text-primary
,.t