跨多种设备运行的 Bootstrap 网格系统
bootstrapweb developmentcss framework更新于 2026/2/5 1:16:17
网格系统用于通过一系列包含内容的行和列来创建页面布局。
Bootstrap 网格系统的工作原理如下
- 为了获得正确的对齐和内边距，行必须放置在 .container 类中。
- 使用行创建水平的列组。
- 内容应放置在列内，并且只有列可以作为行的直接子元素。
- 预定义的网格类(例如 .row 和 .col-xs-4)可用于快速创建网格布局。更少的混合宏也可以用于实现更具语义化的布局。
- 列通过内边距创建间距(列内容之间的间隙)。该填充通过 .rows 上的负边距在行中偏移第一列和最后一列。
- 网格列是通过指定要跨越的十二个可用列数来创建的。例如，三个相等的列将使用三个 .col-xs-4。
