今天完成的事情：完成了任务七中的两个页面（开始页和结束页），学会了bootstrap栅格布局的运用，学习了使用媒体查询来让不同分辨率下字体变化
明天计划的事情：完成任务七最后一个页面
遇到的问题：一开始在页面中有个图片比较大，我也放在了雪碧图中，结果发现等比例缩放后总会出现雪碧图中别的图形，师兄告诉我雪碧图适合于一些小的图标，较大的图片还是直接链接图片地址
收获：

1、行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）

2、门容应当放置于“列（column）”内，并且，只有“列（column）”可以作为行（row）”的直接子元素

3、行（row）中包含了的“列（column）大于 12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列

4、学会用css做实心的圆的一种办法：定个有宽高的块，加大border让块变成圆

5、

媒体查询：

①在使用Media的时候需要先设置meta来兼容移动设备的展示效果：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

②加载js

③超小屏幕（手机，小于 768px）：“@media (max-width: 768px) { ... }”

小屏幕（平板，大于等于 768px）：“@media (min-width: 768px) and (max-width: 768px) { ... }”

中等屏幕（桌面显示器，大于等于 992px）：“@media (min-width: 992px) and (max-width: 992px) { ... }”