今天完成的事：

对任务7的深度思考进行了思考理解，学习了 Bootstrap框架，栅格系统                                                                              

明天计划的事：

完成任务8第一个页面，用栅格系统进行布局，

遇到的问题：

暂无

收获:

了解了bootstrap框架和栅格系统

关于bootstrap的优势

Bootstrap 出自 Twitter。由大公司发布，并且完全开源，自然久经考验，减少了测试的工作量。

其次，Bootstrap 的代码有着非常良好的代码规范。在使用 Bootstrap 时也有助于我们去养成良好的编码习惯，在 Bootstrap 的基础之上创建项目，日后代码的维护也变得异常简单清晰。

第三，Bootstrap 是基于 Less 打造的，并且也有 Sass版本。Less/Sass是CSS的预处理技术，正因如此，它一经推出就包含了一个非常实用的 Mixin 库供我们调用，使得我们在开发过程中对CSS的处理更加简单。

第四，响应式开发。Bootstrap响应式的栅格系统（Grid System）非常先进，它已经帮你搭建好了实现响应式设计的基础框架，并且非常容易修改，如果你是一个新手，Bootstrap 可以帮助你在非常短的时间内上手响应式布局的设计。

第五，丰富的组件与插件。Bootstrap 的 HTML组件和 JS组件非常丰富，并且代码简洁，非常易于修改，如果你觉得它设计的样子不是你所想要的，你完全可以在其基础之上修改成自己想要的任何样子。由于 Bootstrap 的火爆，又出现了不少围绕 Bootstrap 而开发的JS插件，这就使得开发的工作效率得到极大提升。

bootstrap的栅格系统

对于前端开发，栅格系统可以：

• 提高生产力，通过在网格的划分，元素更容易堆放而且在跨浏览器上面具有一致性，使我们可以专心的注意布局而不是兼容上。
• 具有灵活性，无论是什么样的布局，都可以拆分到粒度为一个网格的大小。
• 支持响应式设计，栅格系统本身能很好的和响应式设计结合在一起，或者说，我们的栅格系统是基于响应式设计的。

bootstrap的栅格系统用于通过一系列的行（row）与列（col-*）的组合来创建页面布局，它的栅格系统最大分为12份。

不过bootstrap@3.x版本与@4.0版本实现栅格系统方式不一样，bootstrap@3.x版本为了兼容IE8，采用的是浮动方式来实现栅格系统。即每行的一个栅格都是用左浮动和百分比来进行排版，当窗口宽度改变，对应改变container容器的宽度，对应栅格宽度自然也跟着改变。bootstrap@4.0版本放弃了对版本IE的支持，栅格系统采用的是最新的伸缩布局方式。