1.今天完成的事：

  （1）用bootstrap和响应式重写了task7的首页。

2.明天计划的事：

  明天可能有事要出去，晚上回来写完task7-2.看了下用bootstrap写应该挺容易的。

3.遇到的问题：

  （1）在重写task7首页的过程中遇到了太多适应不同分辨率的问题。相比task7的时候用定宽来写麻烦了很多。需要考虑多种分辨率下的布局，经常遇到在lg和xs分辨率下布局勉强能看的时候，稍微将分辨率提升一点就会发现各种莫名其妙的错位，该对齐的没对齐，该一行的分成了两行。大部分情况都是通过分析宽度然后加上相应的响应式调整解决的。

  （2）栅格式布局的边框问题，在做战略合作伙伴那五个公司图标的排布时遇到麻烦，分为5个20%的盒子，结果发现这5个inline-block的盒子没法排布在同一行，调整了各类宽度都没解决，找师兄来调试了下结果发现用统一左浮动可以五个排布一行，用inlineblock却不行，没想到具体原因。

   做完后想了想以前看过的文章，回头看了看发现果然是inline-block的问题；文章链接：http://www.zhangxinxu.com/wordpress/?p=2357 。

   “真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，”

文章提供了多种方法解决这个问题。

4.收获：

（1）熟练了bootstrap的使用，主要是栅格化布局的使用，不过对bootstrap的组件没怎么用。

（2）熟悉了各种分辨率下不同布局的表现。。。经常每个部分折腾好久才能调合适。。

项目地址：http://119.10.57.67/ptt02/task/task10/task10.html

github:https://github.com/yangxiaokun/cssTASK/tree/master/task10