Bootstrap5基礎佈局:容器、行、列嵌套使用指南
Bootstrap 5佈局核心圍繞容器、行、列及其嵌套展開,是快速構建響應式頁面的基礎。 **容器**是佈局的“大盒子”,分兩種:`.container`爲固定寬度,隨屏幕尺寸自動調整最大寬度(如md≥768px時768px)並居中;`.container-fluid`則全寬,佔滿屏幕寬度。 **行**是容器內的“橫向載體”,需嵌套在容器內,通過負邊距抵消容器內邊距,僅用於包裹列,每行最多12列(基於12列網格系統)。 **列**是核心“單元格”,類名格式爲`col-[斷點]-[列數]`,斷點含sm(576px)、md(768px)等5種,列數總和爲12(如`col-md-4`佔4/12寬度),支持響應式佈局(不同斷點顯示不同列數)。 **嵌套**允許在列內再用行和列,通過在目標列中嵌套`.row`實現多層級佈局,內部列仍遵循12列規則。 核心規則:容器包裹
閱讀全文