一、今天完成的任务：

  1，header头：

    使用boostrap栅格布局的框架，给客服电话和登录注册，分别设置col-xs-7、col-xs-4.

  2，导航栏：

    之前导航栏部分一直都是大于768时用div中套span进行布局，小于768时用下拉菜单，今天做任务的时候才发现原来有boostrap里是有导航栏组件的.....

  3，底部footer：

    同样使用boostrap栅格布局，在做响应式布局时有点爱上它（boostrap）了，给三个内容分别设置lg：4、4、4。md：4、4、4。sm：6、6、8。xs：12、12、12的布局方式。

二、遇到的问题：

  1，如图所示：

在做第三个部分，二维码和文字的时候，因为文字是在二维的左边，并且和二维码并齐，且字体上下有间隔。

   我是给二维码和字体分别套了个div盒子，然后设置display：inline-block，虽然左右对齐了，但是字体行与行之间的间隔无论是设置margin-top、margin-bottom、padding-top、还是padding-bottom都没有用。

 解决方法：使用float使其脱离文档流。（就是这么简单）

 2，如图所示：

 在移动端的时候，底部三个部分独占一行，并且居中，不知道这样算不算合理。

三、收获：

  1，通过制作导航栏又认识了很多框架，比如提示工具，但是感觉一段时间不用，总是会忘记，这些东西要经常复习，反复使用才能牢记在心

四、明天的计划

  1，今天因为生病的原因，一上午也没有编写代码，只是看了一下其它师兄任务十的成果展示。虽然没有把任务十的主题做出来，但是已经有了头绪，比如，流程表：个人理解应该是几个数字圆，和进度条，难点在进度条:原理应该是两个高度很小的带颜色的盒子，通过层次的关系进行实现。

 2，主题内容，通过今天林涛师兄讲的小课堂，感觉那个特殊符号挺好玩的，明天打算在布局完成之后如果还有时间的话，就花一部分时间去了解一下。