bootstrap网格系统

http://www.runoob.com/bootstrap/bootstrap-grid-system.html

什么是网格

在平面设计中，网格是一种由一系列用于组织内容的相交的直线（垂直的、水平的）组成的结构（通常是二维的）。它广泛应用于打印设计中的设计布局和内容结构。在网页设计中，它是一种用于快速创建一致的布局和有效地使用 HTML 和 CSS 的方法。

什么是bootstrap网格

Bootstrap 包含了一个响应式的、移动设备优先的、不固定的网格系统，可以随着设备或视口大小的增加而适当地扩展到 12 列。它包含了用于简单的布局选项的预定义类，也包含了用于生成更多语义布局的功能强大的混合类。即bootstrap通过用class来定义行和列。用.container来定义一张网，用.row来定义行，用.col-参数1-参数2 来定义列，参数1是指定设备的，有超小型设备手机（xs），小型设备平板手机（sm），中型设备台式电脑（md）和大型设备台式电脑（lg）。而参数2是指定占多少列的。

偏移列

用col-md-offset-参数1来实现偏移，参数1指定在左边偏移多少列。

嵌套列

通过在.col class下面的元素设置class属性为row，可以实现嵌套。

列排序

.col-参数1-push-参数2，实现向右推动元素，参数1指定设备，参数2指定推动多少列。.col-参数1-pull-参数2，实现向左拉动元素，参数1指定设备，参数2指定拉动多少列。与偏移列不同的是，超过11之后，元素会超出界面，而偏移列会另起一行。