发表于: 2017-03-27 22:38:01
1 648
今天完成的事情:
重新构建屎一样的任务八,思路清晰,早上完成了首页的重构,下午完成了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不是很好用。
任务进度慢了,我也知道,所以我要修仙了,加油,自己!
评论