bootstrap的栅格系统

馋奶兔 提交于 2019-12-06 00:26:48

栅格系统

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

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!