响应式布局常见页面宽度

超小屏幕(手机) 小屏设备(平板) 中屏设备(桌面显示器) 宽屏设备(大桌面显示器)
大小 <768px >=768px >=992px >=1200px
.container最大宽度 自动(100%) 750px 970px 1170px
类前缀 .col-xs .col-sm .col-md .col-lg

1.按照不同屏幕划分为 1~12 等份;
2.行( row) 可以去除父容器作用 15px 的边距;
3.xs extra small ;超小 sm-small ;小 md-medium ;中等 lg-large :大;
4.列( column )大于 12 ,多余的“列 column )”所在的元素将被作为一个整体另起一行排列;
5.每一列默认有左右 15 像素的 padding;
6.可以同时为一列指定多个设备的类名,以便划分不同份数 例如 class="col-md-4 col-sm-6".

你可能感兴趣的:(前端学习)