task10昨晚基本就完成了，太困没写，今早爬起来就写日报。

昨天完成的事情：

这几天的确够累的，从开始了解bootstrap到自己应用bootstrap来进行响应式布局，真是折磨人。。之前听过bootstrap，这几天先是认真看了一遍bootstrap菜鸟教程http://www.runoob.com/bootstrap/bootstrap-glyphicons.html 虽然是菜鸟教程，但是第一遍自己看着都有点吃力的感觉。。很多地方不太明白。里面很多实例自己也试着去理解，里面介绍了bootstrap的一些基本概念，基本组件，和常用的一些插件。虽然还是很多地方不懂。

 然后开始做task10，对照这个教程一步一步的来。在写header部分的那个导航的时候我按照这个教程的关于导航那一节做，但是做出来始终不对，就是鼠标放在每个导航菜单上背景色始终是白灰色而不是透明的。。，点了之后鼠标以后就是一直的白灰色不会还原。。这个问题我之前自己写导航的时候没有遇到过。我找了好久始终找不到原因，我想问题要自己解决，是在是在没办法才去问师兄们。我翻看了古尘师姐的日报，没有提到着点，然后看他的代码，他代码中也没有关于这个的，但是她的导航确没问题。没办法，百度谷歌吧，同时F12调试，想着这个是不是bootstrap的默认样式。。然后在调试里定位的这里，查看样式代码的来源，最后终于找到了！ ：hover和 ：focus 这两个伪类！bootstrap里默认是background-color是#eee.最后改过来一下就对了。。之前一直没有用过：focus伪类，W3C也看的不仔细。不知道他们为什么没遇到这个问题。感觉心好累。。

之后的task10是就好一点了，对着菜鸟教程来就是了。虽然我做的还有很多地方要改进，但是至少满足了响应式的基本要求。bootstrap这个轮播幻灯片简直是傻瓜式操作，我就不说。。 在如何学习那一栏中我终于有点理解visible-* 和visible-*-inline-block的意思了，之前看接触始终不懂。。。 

task10用到了折叠插件和轮播插件，嗯，对在折叠这个概念有了个初步认识。

今天计划完成的事情：开始task11了，同时把task10中很多细节地方修改了。感觉要修改的细节地方不少！今天看看task11能不能做一半。

收获：就是bootstrap有了一点感性的认识，感觉bootstrap我要学的东西还很多。对bootstrap的网格系统布局有了一点简单的认识。

问题：有些学员展示那一栏中四个卡片占据每个占据3列，那他们之间的间隔，就像psd里面那样怎么实现？我还不知道怎么做。

我的task10连接：

http://119.10.57.69:880/ptt001/task10/task10.html

我的github：

https://github.com/singcl/html/tree/master/task10