今天完成的工作

今天完成的内容是学习了bootstra中的导航栏运用，和栅格系统的作用和目的。用于在任务八中能很好的完成。使用单一的一组 .col-md-* 栅格类，就可以创建一个基本的栅格系统，在手机和平板设备上一开始是堆叠在一起的（超小屏幕到小屏幕这一范围），在桌面（中等）屏幕设备上变为水平排列。所有列（column）要都要放在 .row 内。

.navbar——设置nav元素为导航条组件；

.navbar-default——指定导航条组件为默认主题；

.navbar-inverse——指定导航条组件为黑色主题；

.navbar-fixed-top——设置导航条组件固定在顶部；

.navbar-fixed-bottom——设置导航条组件固定在底部；

.container-fluid——设置宽度充满父元素，即为100%；

.navbar-header——主要指定div元素为导航条组件包裹品牌图标及切换按钮；

.navbar-toggle——设置button元素为导航条组件的切换钮；

.collapsed——设置button元素为在视口小于768px时才显示；

.navbar-brand——设置导航条组件内的品牌图标；

navbar-brand默认是放文字的,也可以放图片，但必须是小图片,如果图片太大，位置就会靠下.

.collapse——设置div元素为视口大于768px时显示；

.navbar-collapse——设置div元素为导航条组件各列表项的父元素；

明天要完成的任务

明天要完成的任务是任务八中的页面进行栅格布局的方式整体把它实现出来。

今天遇到的问题

今天是开始运用起bootstrap框架之后发现，很难使用。因为并不是特别理解每一段代码是什么含义，因为有一些是调用的bootstrap本身的类所以，要一一识别确实是很难受的事情。

第二是导航栏中的一些功能，有时是照着视频中的内容一一敲出来的但是得到的效果还是有所不同，也导致要去细察原因。希望今天的进度能推进的多一些，不能再卡在这个任务上太久了。