发表于: 2019-03-20 22:27:00
1 799
今天完成的任务
了解boot框架的网格布局
对于网格布局为啥要多套用一层container的理解:
当col中套cow时,col本身的padding加上row中col的padding就会多了一层padding 此时就会影响到布局,boot的做法是设
row的左右margin-15px,从而拉伸row的宽度与套着col的盒子宽度相同,这样就不会影响布局了。
但在第一层row套col的时候,row的margin-15px就会破坏row的宽度,boot此时就设计出来了container设置左右padding15px
用于抵消掉row的-15px,这样row的宽度就不会受到影响了!
同时也解释了boot为啥要用ie盒子模型
完成了任务8的第一个页面的header部分,但是师兄说header中的导航部分 缩小到影响到导航布局的时候要变成一个下拉小图标 下拉来选择
导航内容 明天解决下
明天计划的事情
继续做任务8
评论