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的理解（一行里），例：

运行后：