Bootstrap3栅格系统

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。

1、“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。

2、你的内容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素。列数之和不能超过12。

一行的列数超过12会自动换行。


3、结合使用col-md-*,col-sm-*,col-xs-*可以实现简单的响应式布局

中等屏幕：
1:3

小屏幕：
1:2

超小屏幕：
1:1