BootStrap栅格系统

虽然Bootstrap之前一直在用,不过每次都是边查边用。从来没有系统学过。今天重新看了一下Bootstrap的文档。发现自己大部分用法都是不规范的。

今天主要是看了一下bootstrap的基本布局,栅格系统。bootstrap的诞生主要是为了解决响应式问题,它将屏幕设备分成四种,.col-xs-,.col-sm-(750px),.col-md-(970px),.col-lg-(1170px)。默认份12列。容器分别是.container -> .row -> .col -> .row -> .col(支持嵌套)。
技术实现上主要是用了padding: 15px;和margin: -15px;。通过对一个html标签设置多个col类别的属性,来适应屏幕尺寸的变化。

昨天虎哥微信上找我,他告诉我他去了菜鸟网络。虎哥还是屌屌的,恭喜虎哥。