今天完成的事：

1.为页面添加跳转链接，

2.为页面添加响应式工具，获得响应式的页面。

任务过程中学习的知识：

1.Bootstrap 提供了一些辅助类，以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备，实现内容对设备的显示和隐藏。

感觉隐藏和显示都是相对的   ，一个显示的时候，另一个必定隐藏。一个元素设置<.visible-sm-*>，另一个设置<.hidden-sm-*>

2.为导航栏在小屏幕下设置下拉菜单，

3. 清除浮动通过为父元素添加 .clearfix 类可以很容易地清除浮动（float）。这里所使用的是 Nicolas Gallagher 创造的 micro clearfix 方式。此类还可以作为 mixin 使用。

4.快速浮动：通过添加一个类，可以将任意元素向左或向右浮动。!important 被用来明确 CSS 样式的优先级。这些类还可以作为 mixin（之前一直不明白这个 ！important 是个什么意思，今天明白了）

5.Bootstrap 中的导航组件都依赖同一个 .nav  类，状态类也是共用的。改变修饰类可以改变样式。

在使用导航组件实现导航条功能，务必在 <ul> 的最外侧的逻辑父元素上添加 role="navigation" 属性，或者用一个<nav>元素包裹整个导航组件

明天计划的事：完成任务9的响应式布局，

遇到的问题：在对页面顶部导航栏设置媒体查询的时候陷入了僵局，思路转不过来，后来进进过师姐讲解茅塞顿开。。（精神状态不佳）

收获：对媒体查询有了一个新的理解，