发表于: 2018-12-18 20:58:11

1 712


今日完成的事:

今天继续做任务8,因为之前一直因为某些事情的牵绊,上一周基本一直处于请假状态,所以导致任务进度拖得非常严重。做任务的时候,一直因为响应式布局的边距问题比较头疼,因为我写的row里面的元素自带的边距都消失了,到时布局一直没法对齐,前面两个页面也都是这样,心态也有点炸,不知道问题出现在哪了,我就采用了加空白列的方法,强行空出距离:

<div class="row white">
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2"></div>
<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 display white left">

就像是这样,我空出了两列,开始还好,但到最后发现,相邻的两列不能留出空隙

设margin和padding都不行,然后今天在偶然的情况下,忽然意识到一种可能,是不是我栅格系统的写法有问题,然后就试了下,果然,我把样式写在响应式里面了:

<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 display white left">

在修改以后,问题都解决了:

<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4">        
<div class="display white left">


还有,在做hover的时候,因为忘记写display:block和display:none,导致写的也比较难受,最后加了后,给文字套了一个盒子,使用弹性盒子的方法对齐。

明日目标:

争取做完任务8

遇到的问题:

现在就剩头部的问题还没有解决,继续加油

收获:

困了几天的问题忽然解决了,呼吸都感觉顺畅了。



返回列表 返回列表
评论

    分享到