bootstrap总结(暂时还不全)

加上<meta name="viewport" content="width=device-width, initial-scale=1">网页就能适配移动端
加上<link rel="stylesheet" href="https://cdn.bootcss.com/normalize/8.0.1/normalize.min.css">就能清除浏览器自带的边缘8px
bootstrap需要为页面内容和栅格系统包裹一个.container容器
栅格系统
想使用栅格系统,必须包裹在一个.container容器里边
每一行均分成12列,每一个标签可以自定义占的列数(col-xx-xx),必须放在.row中
中间那个xx,如果是电脑用md,如果是手机用xs,如果是平板用sm,如果是超大屏幕用lg
col-md-5 col-md-offset-2 占十二行的五列,并且前面空两列,相当于从第三列开始
如果一行中有:col-md-5,col-md-5,col-md-5的话,最后五列就会跑下去,因为一行只能容纳12列
col-md-5 col-md-push-7 占五列,然后往后推了7列





猜你喜欢

转载自www.cnblogs.com/QimiSun/p/10067313.html