Bootstrap流式网格系统如何使用及注意事项

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

bootstrap2 做响应式 是span+n;   // (0<n<=12)

bootstrap3 是用col-xs-n ;col-ms-n;col-md-n;col-lg-n; //(0<n<=12)    

网格系统:

xs:超小设备手机
（<768px）ms:小型设备平板电脑
（≥768px）md:中型设备台式电脑
（≥992px）lg:大型设备台式电脑
（≥1200px）

基本结构：

关于row的理解（一行里），例：

运行后：