bootstrap(3)

css全局样式 —— 栅格系统

(1).响应式，移动设备优先，流式

(2).把一个容器或整个网页平均分成了12列。

(3).Bootstrap的栅格系统，由一个行和多个列构成。

(4).栅格系统通过行列的形式来创建网页布局，把具体的数据放入列当中。

   > #### 注意：栅格系统，必须放在.container 和 .container-fluid之中。

---

栅格系统参数

Paste_Image.png Paste_Image.png

---

栅格的简单应用

Paste_Image.png Paste_Image.png Paste_Image.png

> #### 注意：如果列数超过12列，会自动换行。

列偏移

Paste_Image.png Paste_Image.png Paste_Image.png

列嵌套：就是在某个栏中，再嵌套一个完整的栅格系统

Paste_Image.png Paste_Image.png