发表于: 2017-03-25 21:57:10
1 573
今天完成的事情:1,继续修改了页面8第一个页面,还没完成。。
2,研究了如何把bootstrap栅格的一行等分为5列,
bootstrap里面没有设定5列的,他是把一行分成12个等分的栅格,然后col-xs-1就是1个栅格单位,所以宽度就是1/12。col-xs-3就是3个栅格单位,宽度就是3/12=25%,每行能放4个,刚好100%。根据这个原理,想分成5列也很好办,可以直接用col-xs-3,然后在CSS里加一行代码
这样改当然还不够,得在媒体查询的条件下更改才行。
明天计划的事:1,继续任务8的学习,再看看官网是如何达到自适应的,
2,完成第一个页面,并使其自响应。
3,看看别人的日报多学点知识
遇到的问题:就是页面1的那五个广告如何利用栅格放在一排并等分5列,就是用的上面的办法。
收获:进一步了解了栅格的用法,它很适合做响应式,小课堂学习了ul和ol的用法,学到了一些基本属性和样式的更改方法,没记住用起来还得查资料。
评论