bootstrap栅格系统, 什么是Bootstrap栅格系统？

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

什么是Bootstrap栅格系统？

Bootstrap栅格系统是一种响应式、移动设备优先的流式栅格系统。它通过一系列的行（row）与列（column）的组合来创建页面布局，使得内容能够适应不同屏幕尺寸的设备。Bootstrap栅格系统最多可以容纳12列，每列宽度相等，可以灵活地组合使用。

Bootstrap栅格系统的基本结构

Bootstrap栅格系统主要由以下几个部分组成：

1. 容器（Container）：Bootstrap栅格系统需要一个容器来包裹行和列，确保内容在所有设备上都能正确显示。容器分为两种类型：固定宽度容器（.container）和流式容器（.container-fluid）。

固定宽度容器（.container）具有固定宽度，适用于中等尺寸的屏幕。流式容器（.container-fluid）宽度为100%，适用于所有屏幕尺寸。

2. 行（Row）：行是栅格系统的基本单位，用于创建水平布局。行必须放在容器内部。

行通过添加类名“row”来创建，例如：<div class=