bootstrap的栅格系统

栅格系统

系统把屏幕横向分为12列,按照屏幕的宽度设置不同的类名

<768px xs屏 手机端

768-992px sm屏 平板端

992-1200px md屏 中等pc

>1200px lg屏 大pc

外面的大盒子可以叫两个类名:

.container 不到满屏 左右各有15px内间距

.container-fluid 满屏 左右各有15px的内间距

.row 和continer、.container-fluid的宽度一样的有左右各有15px -margin

col-xs-份数 在手机端占的份数

…..

列偏移

.col-xs-offset-3 代表在移动端偏移了3份

.col-sm-offset-5 代表在平板偏移了5份

.col-md-offset-3 代表在中等pc偏移了3份

.col-lg-offset-6 代表在大pc端偏移了6份

原文地址:https://www.cnblogs.com/Rawan/p/11953635.html