今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin） 

1、开始任务8。

今天开始查看任务8中涉及的知识点，bootstrap栅格系统，说实话看资料真心看不懂，看的我一头雾水，师兄大概给我讲解了下栅格系统就是一个网上的库，自带组件样式，也是一个可以随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。针对不同屏幕分辨率下会自适应的展现效果。

栅格系统把一行分成了12个单独的个体。

例如你想一行同时放3个div的内容，这里就需要运用到“类前缀”不同的分辨率代表不同的分辨率px值，一行最多12，想要3个的效果，写法就是：.col-xs-4 

总数加起来是12就是这一行的在不同的分辨率下会出现的效果。需要注意的是行（row）必须是放在container（固定宽度）里，列（cloumn）又是需要放在行（row）里的，这样的语法是不能弄反的。

看文档内容看不懂也不能理解，但是自己动手写出来就能知道原来栅格系统是这样的意思。对于还涉及的一个知识点“媒体查询”，大概意思可以理解是为了在引用bootstrap中，在不同分辨率下的内容怎样呈现，例如原本一行有4个div的内容，320px的屏幕分辨率下就只显示一个，其余的3个就隐藏了。但是对于怎么去引用媒体查询还是有点摸不着头绪。

明天计划的事情：（一定要写非常细致的内容） 

继续任务8，明天学会引用媒体查询，还有一个重要知识点轮播图的制作。

遇到的问题：（遇到什么困难，怎么解决的） 

收获：（通过今天的学习，学到了什么知识）

bootstrap栅格系统的引用。