默认栅格大小为多少_bootstrap基础快速入门-5 bootstrap栅格系统

大学生就可以看懂的bootstrap基础实战系列，pre标签里是笔记总结，动手实际操作一下会加强理解。有疑问留言交流哦。

bootstrap是进阶html5很基础常用的前端框架，可以做自适应漂亮的界面，再坚持一下，前端知识的大门就会打开了。

 Title

 bootstrap栅格系统 参考: bootstrap栅格系统 栅格系统:container包含多个row,每个row包含最多12个col组成. ` container-fluid container ` col-md-1...12 最多12列 ` col-md-offset-1...12 右偏移多少个格子 只有右偏移,因为布局是默认从左到右,右偏移即可完成布局偏移控制 实现原理，就是利用十二分之一(1/12)的margin-left ` div左右浮动 col-md-push-* 往右浮动 col-md-pull-*往左浮动

1

2

3

4

5

6

7

8

9

10

11

12

col-md-4

col-md-4

col-md-4

col-md-3

col-md-9

col-md-9

col-md-3

col-md-3 列偏移

col-md-1

col-md-3 列偏移

col-md-3

col-md-5

col-md-1

col-md-3

col-md-3

col-md-1