一，今天完成的事情

1.早上过来继续写任务15页面1，写底部导航样式的时候发现，col-md在768px分辨率下padding变成0了，找原因发现栅格布局列的通用样式（position，padding这些）我给加到媒体查询内部了，导致列在不是其指定分辨率出现的时候，列的通用样式会消失掉。于是在外部加上了通用样式。

2.上午研究了半天的导航，点击button出现ul这个想了很多方法，也研究了下bs的源码（有用到js）觉得用css实现很困难，js现在不是很会，就退而求其次，弄了个hover的时候下拉菜单出现，效果类似。

3.下午又开始研究如何用css实现轮播图，，，这是个大坑，，找资料都找了半天，还是最后金超师兄给了他的github库给我，我去fork了下，用css3的动画animation实现，操作难度好大，，，研究了个把小时，弄清楚了实现原理就放弃了，在网上看了原生js实现轮播图，copy了代码，看懂了原理，改了关键的地方就直接用上了。

4.晚上将任务15的page1写完，组件基本拆解完毕，明天把page2和page3的细节样式写一写就完成了。

二，明天要完成的事情

明天完成任务十五，调试ok，开js的坑。

三，遇到的问题

1.用css实现button下拉菜单。

2.用css实现轮播图。

四，收获

弄清楚了轮播图的原理，css的原理是利用图片透明度，绝对定位，left值动画效果animation。js也差不大多，大框框好几张图片，用循环控制其中图片的位置，left距离什么的，然后让图出现在屏幕框中。