Bootstrap5網格系統詳解：容器、行、列與斷點設置

Bootstrap5網格系統基於12列布局理念，快速實現響應式網頁佈局。核心爲“容器-行-列”三級結構：容器是佈局邊界，有固定寬度居中的.container和全屏的.container-fluid兩種；行用於包裹列，抵消容器內邊距並通過flex實現自動換行，必須嵌套在容器內；列是內容單元，寬度由.col-[斷點]-[列數]類控制（1-12列），斷點含sm（≥576px）、md（≥768px）等，默認佔12列或按斷點自動調整。列間距可通過.gap-*類修改，內容對齊支持文字（text-*）和垂直（align-items-*）方向控制。無需手動寫媒體查詢，類名組合即可適配手機、平板、電腦等設備。