今天完成的事：改进了任务5，尝试做了任务6，布局完6后觉得不对劲原来少了一行代码，就是

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes" />                         

学习了一点栅格系统的知识，它会自动的分12列 col-xs-*和col-sm-* 和col-md-*后面跟的参数表示在当前的屏幕中 div占的宽度。例如 <div class="col-xs-6 col-md-3"> 这个div在屏幕中占的位置是：1在超小屏幕中占6列 也就是屏幕的一半（6/12） 2.在中单屏幕中占列也是1/4（3/12）。 如果我们要在小屏幕上并排显示3个div(12/3=4)，在大屏幕上显示6个 则col-xs-4 col-md-2这样我们就可以控制我们自己想要的什么排版了。 还有一种情况是 <div class="col-sm-10 col-md-8"> 后面跟的div中col-sm的参数如果为3 也就是 <div class="col-sm-10 col-md-8"></div><div class="col-sm-3 col-md-4"></div> 如果是这样 这两个div在小屏幕中会排210+3>12 ,在中等屏幕中可以排同一排 8+4=12 .container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。

    明天计划的事：继续看bootstrap，继续任务6 的改正

     收获：css规范和注释真的很重要，不然我都不知道我写了什么，写到哪去了