好吧，好多天没写了，日报变周报了，高兴的是task总算做完了，下面要做的就是优化优化优化，重要的话说3次，因为css部分尽管加了只是，但是复写率还是比较可怕，争取进一步加深less嵌套使用，这家伙在css代码编写上确实很方便，而且元素属性能够按照一定次序编写，可维护性大大加强，尽管用的少，依旧能感受到。

今天完成的事情：总算把task13-task15用bootstrap做完了,哈哈，网址在此：http://119.10.57.67:8040/task15/task15.html

明天计划的事情：琢磨琢磨如何通过less来优化规范task13-15css部分的代码

遇到的问题：

1.遗憾的是中间用过less在线编译器，通过less来规范编写css，不过很不熟练，由于嵌套的原因，所以有时候反而加大了css代码的重复率。

2.文字，图片等水平，垂直居中的问题，

3.bootstrap的盒模型貌似不能实现多栏不同内容时等高

收获：

1.bootstrap的轮播图是我在task任务过程中觉得最赞的，通用性极高，更重要的是完全符合task要求，哈哈哈。

2.结构样式分离，先结构后样式，全局变量初始化先行，因为bootstrap对p,h1,span等全局变量都进行了初始化，

有时候用起来尽管方便，但是在自行根据psd设置margin，padding是极易受到干扰，或者说重叠，不利于尺寸控制

3.在task15上，tab和nav这两个我都用了隐藏显示菜单。前者为下滑，后者为下拉，不过其本质是一样的

4.在task13的nav隐藏和显示上，我应用了自行设定的媒体查询，后来才发现栅格布局时有这个功能。不过bootstrap在这方面一本是以768，992，1200为间隔的，如果需要在更小的范围变化，就得自己设置自媒体查询了。

题外话：

1.img-responsive,看名字你就知道啥意思了，他能够使图片兼容各种移动端。

2.class="sr-only"这东西我一般用来起到注释的作用，不过它实际是便于盲人阅读的。

3.bootstrap就是个提前编写好的包含css，js，htnl的库，我们所要做的就是根据自己的需要去改变，样式可以在F12下看到相关属性的位置，然后据此编写你需要的，你可以在其下用另一个来表现，也可以直接改变相关类的样式，现在我推荐第一种，因为我用了第二种，发现维护起来很麻烦，很多变量会一起被改变

4.bootstrap的栅格布局很好，不过感觉用栅格布局在计较1像素的问题上真的好难，框架这东西要是做内部网站，肯定是很方便的，不过用在psd要求严格的网站上，很多地方的工作量就并不比自己重写轻松了。