bootstrap 栅格系统

Bootstrap 栅格系统：构建响应式网页布局的利器

<> 什么是 Bootstrap 栅格系统

Bootstrap 栅格系统是一种响应式、移动设备优先的流式栅格系统。它通过一系列的行（row）与列（column）的组合来创建页面布局，使得内容能够适应不同屏幕尺寸的设备。Bootstrap 的栅格系统具有以下特点：

<>- 响应式：能够自动适应不同屏幕尺寸的设备，包括手机、平板和桌面电脑。<>- 移动设备优先：在移动设备上优先显示内容，随着屏幕尺寸的增加，布局会自动调整。<>- 易于使用：提供了一系列预定义的栅格类，开发者可以轻松实现各种布局效果。<> Bootstrap 栅格系统的基本结构

Bootstrap 栅格系统的基本结构包括容器（container）、行（row）和列（column）。

<>- 容器（container）：用于包裹整个栅格系统，提供固定宽度和响应式布局。Bootstrap 提供了两个容器类：`.container` 和 `.container-fluid`。

- `.container`：固定宽度，适用于中等屏幕尺寸的设备。

- `.container-fluid`：100% 宽度，适用于所有屏幕尺寸的设备。

<>- 行（row）：用于创建水平布局，所有列必须放在行内。<>- 列（column）：用于创建垂直布局，列可以堆叠或水平排列。<> Bootstrap 栅格系统的使用方法

以下是使用 Bootstrap 栅格系统创建一个两列布局的示例：

```html