发表于: 2016-11-12 00:06:43
2 1849
今天完成的事情:
1. 完成了Task2的页面,对bootstrap的栅格系统有了更深入的了解,container为最外层的父类,row是第一层子类也是列类容的包裹层通过负的margin值来占满宽度,column只能写在row的里面,把row的宽度分成了12份,根据不同的媒体设备宽度可以选择col-xs-/col-sm-/col-md-/col-lg-来进行响应式布局.昨天进度条的问题找到了方法,可以通过设置input[type=range]::-webkit-slider-thumb的背景图片来达到设计的效果.
明天计划的事情:
2. 目标完成Task2;学习js的随机排序.
遇到的问题:
1. bootstrap的栅格系统都设有margin或者padding值,改了好几次都不能达到要求后来看师兄的日报找到一个网站才弄明白
收获:
1. 更深入的学习了bootstrap的栅格系统.
2. 学习了雪碧图片的用法.
3. js的随机排序方法
评论