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份

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐