跨多个设备运行的Bootstrap网格系统

网格系统用于通过一系列容纳您的内容的行和列来创建页面布局。

这是Bootstrap网格系统的工作方式

  • 必须将行放置在.container类内,以便正确对齐和填充。

  • 使用行创建水平的列组。

  • 内容应放在列中,并且只有列可以是行的直接子代。

  • 预定义的栅格类(例如.row和.col-xs-4)可用于快速制作栅格布局。更少的mixin也可以用于更多的语义布局。

  • 列通过填充创建装订线(列内容之间的间隙)。该填充通过.rows上的负边距在第一和最后一列的行中偏移。

  • 通过指定要跨越的十二个可用列的数量来创建网格列。例如,三个相等的列将使用三个.col-xs-4。