Bootstrap5文本樣式:對齊、粗細與行高設置
2025-12-20
25 閱讀
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`)。 綜合示例展示了類的組合使用,如居中粗體標題、響應式副標題等。總結指出,掌握這三類樣式(對齊、粗細、行高)的類名,即可快速
閱讀全文