Bootstrap5文本样式:对齐、粗细与行高设置
2025-12-20
18 阅读
Bootstrap5基本用法
Bootstrap5 文本样式
Bootstrap5 对齐
Bootstrap5 粗细
Bootstrap5 行高
Bootstrap5 教程
Bootstrap5的文本样式通过简洁的类名即可控制对齐、粗细和行高,提升可读性与视觉效果。 文本对齐:基础对齐类有`.text-start`(左)、`.text-center`(中)、`.text-end`(右);响应式对齐支持按断点(sm、md、lg、xl)设置,语法为`.text-<断点>-<对齐方式>`,如`.text-md-center`表示中等屏幕及以上居中。 文本粗细:用`.font-weight-*`类控制,如`.font-weight-bold`(粗体)、`.font-weight-normal`(常规)、`.font-weight-light`(细体),还有`.font-weight-bolder`/`.font-weight-lighter`(相对父元素更粗/细)。 行高:通过`.line-height-*`类设置,默认(`.line-height-base`,1.5)、紧凑(`.line-height-sm`)、宽松(`.line-height-lg`)。 综合示例展示了类的组合使用,如居中粗体标题、响应式副标题等。总结指出,掌握这三类样式(对齐、粗细、行高)的类名,即可快速
阅读全文