一、今天完成的事情

1、完成任务6的提交。本来是打算一起完成后再提交的，才发现自己写完了也不一定是对的，还是按任务节奏来，不要把战线拉太长了。

2、完成任务8首页导航栏及轮播图的布置。开始只是用了a便签布置的，没有往响应式布局上考虑，后来用bootstrap框架，这样做任务9的时候就不用大改了。

二、明天计划的事情

   继续任务8：

1、为鼠标hover时添加动画效果。

2、写正文的样式。

3、规范自己的代码。

三、遇到的问题

1、任务6的问题：下拉表格的内容宽度溢出。使用bootstrap栅格系统和select标签嵌套的，

开始一直没找到原因，后来单独用select标签就没问题，在网上也有这样的嵌套的用法可以实现，不清楚什么原因，估计是我的姿势有问题。

2、如何实现导航栏的响应式？

解决方法：上网查询

1.    响应式的导航栏折叠的内容必须包裹在带有class.collapse、.navbar-collapse的 <div> 中。折叠起来的导航栏实际上是一个带有 class.navbar-toggle及两个 data- 元素的按钮。第一个是data-toggle，用于告诉JavaScript 需要对按钮做什么，第二个是data-target，指示要切换到哪一个元素。三个带有class.icon-bar的<span> 创建所谓的汉堡按钮。这些会切换为.nav-collapse<div> 中的元素。当然为了实现以上这些功能，必须包含Bootstrap 折叠（Collapse）插件。

2.    实例（http://www.runoob.com/try/try.php?filename=bootstrap3-navbar-responsive）

3、感觉自己任务进度很慢，要提高白天的效率。

四、收获

   1、学会如何布置响应式的导航栏。

2、学会用bootstrap的轮播图插件。