一、栅格系统
1.布局容器
bootstrap有两个布局容器,container和container-fluid,container布局的宽度会发生变化;container-fluid布局的宽度总是100%,主要用于移动端。
2.container布局容器的宽度变化。
宽度像素范围 | 类前缀 | container容器最大宽度 | 左右内边距 | |
大屏幕(大桌面显示器) | >=1200px | .col-lg- | 1170px | 各15px |
中等屏幕(桌面显示器) | >=992px | .col-md- | 970px | 各15px |
小屏幕(平板) | >=768px | .col-ms- | 750px | 各15px |
极小屏幕(手机) | <768px | .col-xs- |