今天完成的事情：

  重写任务14进行中，看了关于js的知识，
明天计划的事情：

  完成任务14 的重写，任务总结
遇到的问题：

     重写任务中，用到bootstrap栅格布局组件，布局一直崩，cow里面四个col 平均分了四分

  然后第四个盒子一直自动换行，查找原因找了很久，刚开始，其中一份换成

col-lg-2能实现，但是布局很是难看，居中啥的很难弄，感觉肯定是哪里出了原因，因为画面

缩小的时候一直出现横向滚动条，很是难受，一直找不到原因，最后叫上师兄帮忙来解决，

他说col下面直接给个大的dic来写里面的内容，我感觉这个能实现，准备试一下，然而又找到

了更好的解决办法，对比原来的任务8的栅格布局，少了什么

代码添加进去已经完美解决。

收获：

box-sizing:border-box; 、介绍，首先我们先从块级元素的盒子大小说起，

通常一个块级元素实际所占宽高度=外边距（margin）+ 边界宽度(border-width) + 内边距（padding）+ 高度（height） /  宽度（width）
如果设置了border-box，实际所占宽高度 = 设置的高度（height）/ 设置的宽度（width）+ 外边距（margin）

对于设置这个属性的好处，我想更多是居于排版问题，很多情况下很实用，简化了计算位置的问题，更符合我们日常对盒子的认识

设置他以后，相当于以怪异模式解析，border和padding全会在你设置的宽度内部，比如手机端设置两行并且的布局，宽度各为50%,如果不用这个属性，设置border后右边的div会下来错位，设置这个属性，宽度还是50%而不是50%+*px,两行可以并列显示