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的理解(一行里),例:
运行后: