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`)等特殊樣式。注意語義化優先,區分類與標籤,利用響應式前綴適配設備。掌握核心類名可快速美化文字,結合後續組件效果更佳。

閱讀全文