今日完成的事情：学习bootstrap,用bootstrap给任务6布局，首先布局header，让header紧贴顶部，布局列表头，让列表头紧贴header，制作分享小课堂PPT。

Bootstrap:BootStrap 是Twitter的工程师开发的前端框架，可以非常方便的设计出好看的页面效果。

如何使用：

（1）、因为bootstrap用到了html5的特性，为了正常使用，需要在最开头加上 <!Doctype>。

（2）、接着导入js和css，Bootstrap需要JQuery才能正常工作，所以需要导入jquery.min.js；
接着是 Bootstrap的css，里面定义了各种样式；最后是 Bootstrap的js，用于产生交互效果，比如关闭警告框。注：顺序不要搞错了，否则有一些效果会出不来。首先是JQuery，然后是Bootstrap css，最后是Bootstrap js；同时我们下载的bootstrap.rar解压后的js和css文件要与html文件放在同一个目录下。代码语句是：

（3）<script src="http://how2j.cn/study/js/jquery/2.0.0/jquery.min.js"></script>

（4）<link href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet">

（5）<script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>

（6）套用class：为网页添加bootstrap的class属性，接着就是出现BootStrap的效果，使用是非常简单的，只需要套用 bootstrap css中定义的class即可。如按钮，增加class btn btn-success 就能有bootstrap的效果了。但是在使用之前必须先对bootstrap的样式、组件、插件进行了解熟悉，才能灵活运用bootstrap。

明天的计划：布局列表主体部分，高度始终在列表头和footer之间，超出部分自动出现滚动条，给header添加居中的按钮组，居右的图标按钮，通过搜索引擎查看如何用css模拟下拉框，将列表头分做3列，分别模拟3个下拉选框，给footer添加3个按钮，制作列表主体，注意垂直居中，如果屏幕过窄时，设置左边的文字被截断出现”…”省略号。

遇到的问题：今天在做课件看资料，写了一点任务6的代码，目前还没遇到什么问题。

收获：同上。