今日完成的任务：

1.完成了任务六的头部部分和栅格部分

2.再网站上仔细学习了bootstrap的栅格布局

最外层的div必须包含container和container-fluid，默认水平居中，左右边距为15px，.container在不同的媒体查询中有固定尺寸。container-fluid不存在媒体查询，但是container-fluid存在15px的padding

所以应该设置.row{
                            margin-right:-15px;

                             margin-left:-15px

                            }

来抵消掉15px的内边距。

.col-xs-* 针对超小屏幕 手机（<768px）.col-sm-* 小屏幕 平板 (≥768px).col-md-* 中等屏幕 桌面显示器 (≥992px)(栅格参数).col-lg-* 针对特大的（≥1200px）

3.再把header紧贴头部时查资料发现可以不用fixed进行固定，对高度设置vh单位也可以把header和footer贴紧浏览器的顶部和底部。

明日计划完成的任务：学习一下栅格的偏移和嵌套，然后把任务六完成，再了解一下关于bootstrap的其他知识

遇到的困难：用网上搜到的bootstrap导入打开浏览器加载的很慢，换了一个网站上的导入后速度快了很多

收获：对bootstrap做了更多的了解，回顾了一下前面的内容之后也更熟悉了一些css中的基础知识。