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列规则。 核心规则：容器包裹