今天完成的事情：

任务8之前写的界面没有做响应式，今天使用bootstrap改写了自己的页面。

明天的计划：

将任务8完成。

遇到的问题：

太久没有用bootstarp，感觉特别生疏，在写动态效果时不知怎么很好的使用bootstrap，总是西关系的自己血效果。比如折叠插件：

①引入文件，必不可少：

要么下载bootstrap.min.js，要么直接cdn引入：

<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

②示例：

<button type="button" class="btn btn-primary" data-toggle="collapse" 

    data-target="#demo">

    简单的可折叠组件

</button>    

<div id="demo" class="collapse in">

   示例文字

</div>

2需要实现点击改变css效果，对ng-class定义和用法不熟悉：

ng-class 指令用于给 HTML 元素动态绑定一个或多个 CSS 类。

ng-class 指令的值可以是字符串，对象，或一个数组。

如果是字符串，多个类名使用空格分隔。

如果是对象，需要使用 key-value 对，key 为你想要添加的类名，value 是一个布尔值。只有在 value 为 true 时类才会被添加。

如果是数组，可以由字符串或对象组合组成，数组的元素可以是字符串或对象。        

收获：以上