今天完成的事情：

1.初步了解下bootstrap；

2.看了下任务五要做的东西，已经把任务五所用到的图片切好了。

明天计划的事情：

1.做任务五

遇到的问题：

今天做的东西不多，没遇到什么问题

收获：

1.栅格系统（结构）

BT的优势之一就是可以根据用户屏幕尺寸调整页面，使其在各个尺寸上都表现良好。实现这个功能依赖两个东西，一个是view，另一个是max-width，min-width。

BT栅格系统的本质就是通过CSS3的媒体查询实现的，如果您熟练使用max-width等媒体查询属性的话就可以抛开BT，定制属于自己的响应式网站。BT将屏幕尺寸分为四类，超小屏幕<768px，小屏幕 平板>=768px，中等屏幕 桌面显示器>=992px以及大屏幕 大桌面显示器>=1200px。每一列又被平均分成了12格，每一个8.33333333%，12格就无限接近于100%。

这里要特别提一下的就是BT的盒模型，BT强制把所有元素的盒模型都设置成了border-box，这是IE首创的，用于混杂模式下显示网页，但W3C认为这个属性是个逗逼一直没采用，但最后发现自己才是逗逼，因此在CSS3中新增了这个属性。border-box盒模型的尺寸包含了padding+border+content ，content-box盒模型的尺寸仅仅包含content部分，设置padding，border还的重新计算包含块尺寸，使用上要比border-box麻烦的多。

类前缀使用是掌握栅格系统最重要的部分，类前缀分四个超小屏幕.col-xs-*，小屏幕 平板.col-sm-*，中等屏幕 桌面显示器>.col-md-*以及大屏幕 大桌面显示器.col-lg-*