关于bootstrap3的栅格化布局

Posted 前端之路

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于bootstrap3的栅格化布局相关的知识,希望对你有一定的参考价值。

container用于固定宽度并支持响应式布局的容器
container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。

.col-xs-1-12 手机 (<768px)
.col-sm-1-12 小屏幕 平板 (≥768px)
.col-md-1-12 中等屏幕 桌面显示器 (≥992px)
.col-lg-1-12 大屏幕 大桌面显示器 (≥1200px)

 

列偏移 col-xs/sm/md/lg-offset-*

 

列排序 col-xs/sm/md/lg-push-* 向右偏移 ------ left: %;
col-xs/sm/md/lg-pull-* 向左偏移 ------ right: %;

以上是关于关于bootstrap3的栅格化布局的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap中的栅格化布局

12栅格化布局

任务八——响应式网格(栅格化)布局之问题总结

(作业)百度前端技术学院 任务八:响应式网格(栅格化)布局

响应式网格(栅格化)布局总结

任务八:响应式网格(栅格化)布局