完成的事情：1.把剩下的任务六完成。

2.任务七的第一个页面完成一部分。

3.学习了一部分bootstrap的相关知识。

明天计划的事情：1.完成任务七的所有页面。

2.继续学习bootstrap。

遇到的问题：1.任务六应该不能使用bootstrap栅格方法实现页面布局。因为任务六中页面宽度为720px，按照bootstrap栅格分成12格来计算的话，最小距离是60px;而任务六中的页面有的间距不是60的倍数，有的图像间距甚至少于30px，无法用bootstrap来表示。

2.任务七的第一个页面需要用到bootstrap.min.css，而bootstrap.min.css的html默认字体和我在task7.css中的html默认字体有冲突。我是通过设置@import(task7.css)。来解决这一问题。

收获：1.今天主要还是学习bootstrap的相关知识。

bootstrap基础表单

表单时Bootstrap框架中的核心内容，下面向大家介绍Bootstrap框架中表单的制作。

表单源码查询

Bootstrap框架的表单，其源码占据了大量的代码。详细代码可查阅bootstrap.css文件第110行-第178行。

表单除了这几个元素之外，还有input、select、textarea等元素，在Bootstrap框架中，通过定制了一个类名`form-control`，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。

1、宽度变成了100%

2、设置了一个浅灰色（#ccc）的边框

3、具有4px的圆角

4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化

5、设置了placeholder的颜色为#999

Bootstrap框架默认的表单是垂直显示风格，在Bootstrap框架中要实现水平表单效果，必须满足以下两个条件：

1、在<form>元素是使用类名“form-horizontal”。

2、配合Bootstrap框架的网格系统。

在<form>元素上使用类名“form-horizontal”主要有以下几个作用：

1、设置表单控件padding和margin值。

2、改变“form-group”的表现形式，类似于网格系统的“row”。

内联表单（使表单控件在一行显示）只需要在form元素中添加form-inline。

    form-group类：用于解决label标签和input标签在同行显示。

    form-control类：表单控件宽度为100%或auto;

    rows属性:定义表单控件高度。

    cols属性：定义表单控件宽度。

    checkbox-inline类：实现checkbox水平排列。

    radio-inline类：实现radio水平排列。

    。。。（感觉幕课网上bootstrap上面东西好多，类很多）。后来通过知乎看到中文版本的Bootstrap,大致了解了一下bootstrap主要运用哪方面。

    bootstrap主要在列表，表单，按钮，栅格系统这五个方面应用非常广泛。

bootstrap栅格化

   什么是bootstrap栅格化？

   栅格化就是指定义容器大小，然后再分成若干份(最常见的是12份，也有24份和32份，最常见的还是12份。)根据不同容器的大小，利用媒体查询来实现响应式功能。

    感觉bootstrap中的类好多啊。。。