5.2 CSS 定制

5.2 CSS 定制 5.2 Bootstrap CSS 定制：布局 (Layout) 深度指南 Bootstrap 作为一个经典的前端框架，其布局系统是构建响应式网页的基础。 5.2.1 理解 Bootstrap 布局基础 在深入 CSS 定制之前，我们必须透彻理解 Bootstrap 的布局核心。Bootstrap采用的是固定网格系统 (Fixed Grid System)，基于 12 列 的布局。这意味着页面被划分为 12 等份的列，你可以通过组合这些列来创建各种布局结构。 核心布局元素： : 容器是 Bootstrap 布局的基础。它负责设置页面的最大宽度，并居中显示内容。Bootstrap 提供了两种容器： : 固定宽度容器，在不同屏幕尺寸下具有预设的固定宽度。 : 流式容器，宽度始终为 100%，占据整个屏幕宽度。 : 行是列的父元素。 类用于清除浮动，并为列提供水平间距（gutter）。每一行都应该包裹在 或 内部。 : 列是网格系统的基本单位。Bootstrap 使用 类来定义列的宽度，其中 代表列数，取值范围为 1 到 12。例如， 表示占据 4 列宽度的列。 网格系...