发表于： 2018-11-28 21:40:20
2 769
今天完成的事：
bootstrap栅格系统进一步，栅格参数：
1、类前缀：
超小屏幕（<768px ）“.col-xs-”
小屏幕（=>768px ）“.col-sm-”
中等屏幕（=>992px）".col-md-"
大屏幕（=>1200px）".col-lg-"
2、最大宽度：
从小到大依次为：自动 750px 970px 1170px
3、最大列宽：
从小到大依次为：自动 ~62px ~81px ~97px
原封不动的应用bootstrap没有问题，但是自己设置过后会出现一些莫名奇妙的问题。
明天计划的事：
任务七，继续熟悉bootstrap
遇到的困难：
1、运用栅格系统页面会左右滑动
解决办法：我现在找到的原因是运用栅格时row的margin左右各自带了-15px，自行设置后解决。但是有时依然能移动，刷新过后会好，应该是Chrome自身的bug。
2、.col-xs、.col-sm、.col-md、.col-lg弄得很迷，还在试验阶段，目前感觉没什么区别。
收获：
综上所述
返回列表
评论