今天完成的事情：

  今天做完了所有页面 
明天计划的事情：

  明天看看小课堂内容，下载需要的插件，为后天的小课堂做准备

遇到的问题：

  导航栏，轮播图卡了一周，其他没有什么了。 
收获：完成页面后看了下小课堂内容

看了下bootstrao栅格系统

bootstrap中栅格系统的原理是采取12列的栅格体系，根据主流设备的尺寸进行分段，每段宽度固定并且浮动，通过百分比和媒体查询实现响应式布局。

单元格的类如何选择和使用

单元格一共有四种：

.col-xs-: 无论屏幕宽度如何，单元格都在一行，宽度按照百分比设置

.col-sm-: 屏幕大于768px时，单元格在一行显示，屏幕小于768px时，独占一行

.col-md-: 屏幕大于992px时，单元格在一行显示，屏幕小于992px时，独占一行

.col-lg-: 屏幕大于1200px时，单元格在一行显示，屏幕小于1200px时，独占一行

栅格系统中的“15px”

相信细心的同学已经发现bootstrap的栅格系统在padding、margin中大量出现了15px这个值，让我们探讨一下这个15px到底是什么东西以及它的作用是什么。

首先是Container的padding-left和padding-right为15px

这个padding是为了使其中的内容不会紧贴于浏览器边缘

其次是row的两侧有-15px的margin

这个负margin把row推出了Container的15px，使其与之重叠

最后是列（col）也有左右两个15px的padding

因为Container和row的15px导致重叠，所以列的左右padding防止col的内容直接接触边界