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列





转载于:https://www.cnblogs.com/QimiSun/p/10067313.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值