发表于: 2017-03-27 22:38:01

1 647


今天完成的事情:

重新构建屎一样的任务八,思路清晰,早上完成了首页的重构,下午完成了page2的页面重构,加深对bootstrap

转换思维,有时候给目标加高度不一定有加个padding把目标撑开好用,重点是还能够保持居中,垂直和水平方向都可以用。

页面宽>768PX的时候可以给5列照片设置一个display:flex,让他们对齐,然后在页面宽<768的时候可以改变他的display让他重新回归排列

用table制作比较复杂的网页结构

明天计划的事情:

一笔带过,任务10学习,less语法,进入任务11重构任务4
遇到的问题:

表格之间差生magin和padding,遮罩层就会产生偏移。比较头痛

收获:

.container 类用于固定宽度并支持响应式布局的容器。这个元素会给页面添加一个左右的15px的padding,使页面看起来更加舒服。

.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。这个元素没有padding,直接铺,满整个块。

以前一直都是使用.container-fluid这个属性来布局页面,然后感觉bootstrap就不是很好用,后来我习惯了,我还是觉得bootstrap不是很好用。

任务进度慢了,我也知道,所以我要修仙了,加油,自己!


返回列表 返回列表
评论

    分享到