今天完成的事情：看资料看视频。做任务八。

明天的计划：看着效果图做任务，不要面目全非。明天打算看看不会的。再来做任务，计划继续学习css部分的知识，顺便继续看学习视频。

遇到的困难：今天都是在解决之前没有完成的问题。

收获：

bootstrip的特点

主要特点跨设备

响应式布局

提供全面的组件

内置jQuery插件

支持html5和css3

在head里就可以应用bootstrap

也大致明白了栅格系统，主要也是用来布局的

表单表格，小图标，导航很多地方都能用到bootstrip。

重点看了下导航的使用

Bootstrap 导航栏

默认的导航栏

创建一个默认的导航栏的步骤如下：

• 向 <nav> 标签添加 class .navbar、.navbar-default。
• 向上面的元素添加 role="navigation"，有助于增加可访问性。
• 向 <div> 元素添加一个标题 class .navbar-header，内部包含了带有 class navbar-brand 的 <a> 元素。这会让文本看起来更大一号。
• 为了向导航栏添加链接，只需要简单地添加带有 class .nav、.navbar-nav 的无序列表即可。

导航条

• 导航条（navbar）和导航（nav），就相差一个字，多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条(navbar)中有一个背景色（显示更突出）、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。