今天完成的事情：

#1 学习bootstrap栅格系统的实现

Bootstrap栅格系统的工作原理如下：

 行(row)必须包含在.container(固定宽度)或.container-fluid(100% 宽度)中，以便为其赋予合适的排列(alignment)和内补(padding)。 

通过行(row)在水平方向创建一组列(column)。

 内容应当放置于列(column)内，并且只有列(column)可以作为行(row)的直接子元素。 

类似.row和.col-xs-4这种预定义的类，可以用来快速创建栅格布局。Bootstrap 源码中定义的 mixin 也可以用来创建语义化的布局。 

通过为列(column)设置padding属性，从而创建列与列之间的间隔(gutter)。通过为.row元素设置负值margin 从而抵消掉为.container元素设置的padding，也就间接为行(row)所包含的列(column)抵消掉了padding。 

列通过内边距（padding）来创建列内容之间的间隙。该内边距是通过 .rows 上的外边距（margin）取负，表示第一列和最后一列的行偏移。

栅格系统中的列是通过指定1到12的值来表示其跨越的范围。例如，三个等宽的列可以使用三个.col-xs-4来创建。 

如果一行(row)中包含了的列(column)大于12，多余的列(column)所在的元素将被作为一个整体另起一行排列。 

栅格类适用于与屏幕宽度大于或等于分界点大小的设备，并且针对小屏幕设备覆盖栅格类。

bootstrap的栅格系统，使用container控制总体宽度，row放置内容，而内容通过预先定义的class类名调用取得相应的%宽度，通过row嵌套可以进一步细分，使用百分比宽度类名不用更改，这样就做到自适应和多列布局。

#2 完成小课堂准备

明天计划的事情：

#1 完成页面1

#2 完成小课堂及后续事项

遇到的问题：

导航栏水平时li设置inline-block，形成空白

在ul设置font-size: 0 在a恢复默认字体font-size: initial

收获：

bootstrap栅格系统为了适应多数情况划分12列，并且对于屏幕进行细分。这次任务用到的栅格系统没有必要做到庞大全面，可以进行适当简化，不必划分12列，不需要使用这么多类名。

任务14

开始时间：5.27

预计结束时间：6.3

http://task.jnshu.com/zentao/project-task-629.html