4.6 Grid 工具类 (详细展开见布局章节)

4.6 Grid 工具类 (详细展开见布局章节) Bootstrap 4 Grid 工具类详解与实践 引言 1. Bootstrap 栅格系统概述 (简要回顾) 在深入 Grid 工具类之前，我们先简要回顾一下 Bootstrap 4 的栅格系统，这有助于我们更好地理解工具类所起的作用。 Bootstrap 4 栅格系统基于 12 列网格布局。它通过一系列容器（Containers）、行（Rows）和列（Columns）来构建页面结构。 容器 (Containers): 和 是栅格系统的基础，它们包裹着行和列，负责设置页面的最大宽度和响应式行为。 具有固定的最大宽度，而 则占据屏幕的全部宽度。 行 (Rows): 类用于创建水平的行。行是列的父元素，负责创建列之间的间距（gutter）。 列 (Columns): 类用于创建列。列必须放在行内。Bootstrap 提供了多种列类，用于定义列在不同屏幕尺寸下的宽度。例如： : 小屏幕 (≥ 576px) : 中等屏幕 (≥ 768px) : 大屏幕 (≥ 992px) : 超大屏幕 (≥ 1200px) : 针对所有屏幕尺寸 (超小屏幕及...