Bootstrap之3栅格系统
Bootstrap的栅格系统：
⾏（row）必须包含在.container中，以便为其赋予合适的排列（aligment）和内补（padding）。
使⽤⾏（row）在⽔平⽅向创建⼀组列（column）。
你的内容应当放置于列（column）内，⽽且，只有列（column）可以作为⾏（row）的直接⼦元素。
col-md-4的意思是：中型 占4个列。例如，三个等宽的列可以使⽤三个.col-xs-4来创建。
⼀个row总共有12列。
col⼜分为 col-xs-*,col-sm-*, col-md-*, col-lg-*,。分别对应⼿机，平板，桌⾯，⼤桌⾯。
⽽col的主要属性有列偏移和列排序以及嵌套列。
列偏移：通过.col-md-offt-*可以将列偏移到右侧。（当你嫌2个列直接距离太⼩时可以使⽤）。
列排序：通过使⽤.col-md-push-*（右） 和 .col-md-pull-*（左）。（当2个列
默认情况下，col-md-9在左边，col-md-3在右边，如果要互换位置，需要将col-md-9列向右移动3个列的距离，也就是推3个列的offt，样式⽤col-md-push-3；⽽col-md
