发表于: 2018-12-18 20:58:11
1 714
今日完成的事:
今天继续做任务8,因为之前一直因为某些事情的牵绊,上一周基本一直处于请假状态,所以导致任务进度拖得非常严重。做任务的时候,一直因为响应式布局的边距问题比较头疼,因为我写的row里面的元素自带的边距都消失了,到时布局一直没法对齐,前面两个页面也都是这样,心态也有点炸,不知道问题出现在哪了,我就采用了加空白列的方法,强行空出距离:
就像是这样,我空出了两列,开始还好,但到最后发现,相邻的两列不能留出空隙
设margin和padding都不行,然后今天在偶然的情况下,忽然意识到一种可能,是不是我栅格系统的写法有问题,然后就试了下,果然,我把样式写在响应式里面了:
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 display white left">
在修改以后,问题都解决了:
还有,在做hover的时候,因为忘记写display:block和display:none,导致写的也比较难受,最后加了后,给文字套了一个盒子,使用弹性盒子的方法对齐。
明日目标:
争取做完任务8
遇到的问题:
现在就剩头部的问题还没有解决,继续加油
收获:
困了几天的问题忽然解决了,呼吸都感觉顺畅了。
评论