首页 > 其他 > 详细

bootstrap的栅格系统

时间:2019-11-28 20:58:30      阅读:80      评论:0      收藏:0      [点我收藏+]

栅格系统

系统把屏幕横向分为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份

bootstrap的栅格系统

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!