Bootstrap5排版基础:标题层级与文本样式设置
Bootstrap5排版工具助力规范网页文字展示,核心功能分标题层级与文本样式。标题层级通过`.h1`-`.h6`类定义不同大小标题,保持样式与语义分离(如`.h1`仅改样式不改变语义标签作用),默认带`margin-bottom:1rem`间距,自动调整标题与正文空隙。文本样式含对齐(`.text-start`/`.center`/`.end`/`.justify`)、颜色(`.text-*`/`.bg-*`)、粗细(`fw-bold`/`fw-normal`等)、斜体(`fst-italic`)、大小写转换(`.text-lowercase`/`.uppercase`/`.capitalize`)、行高(`lh-sm`/`base`/`lg`)及间距工具类,还有引用(`.blockquote`)、无列表符号(`.list-unstyled`)、删除线(`.text-decoration-line-through`)等特殊样式。注意语义化优先,区分类与标签,利用响应式前缀适配设备。掌握核心类名可快速美化文字,结合后续组件效果更佳。
阅读全文