下拉菜单

如需使用下拉菜单，首先要引入bootstrap文件，一般都是引入网上别人提供的cdn，当然，自己可以引入自己定制好的bootstrap文件。 然后只需要在 class .dropdown 内加上下拉菜单即可。

给下拉按钮添加dropdown-toggle类和指向性用id，如id="menu1",data-toggle用来控制弹出框元素

给菜单列表添加dropdown-menu类和aria-labelledby="menu1"用来表示指向哪个菜单

响应式导航条

创建一个默认的响应式导航条的步骤如下:

1.向nav标签添加 class .navbar、.navbar-default。

2.向上面的元素添加 navbar-header，navbar-header

3.给navbar-header的button添加data-toggle="collapse" data-target="#example-navbar-collapse"。

4.给下面的div添加"example-navbar-collapse"

1）.navbar-toggle样式是控制3根斑线的。

2）.navbar-collapse 样式使导航链接可以在小屏幕状态下收纳到一个菜单按钮中

3）.collapsed是为了响应折叠插件的

4）.data-toggle=“collapse”表明这个button是一个折叠控件，其折叠的内容指向data-target="#navbar"，即是id为navbar的内容

使用bootstrap的注意事项

bootstrap文件里面有很多默认设置，可能会在页面上起作用，这个要注意一下。 还有就是.当我们引入bootstrap.js和jquery.js文件时我们要注意引入该文件的先后顺序，要先引入jquery.js在引入bootstrap.js按照这样的顺序来引入文件， 否则就会报错。 因为bootstarp.js文件的开发是基于jquery开发的，所以要先引入jquery.js才可以使用bootstrap。 而且引入网上cdn的话要注意http和https的区别，有时候应用不对的话也会报错

明天计划的事情：

修改该重新提交任务

遇到的困难:

对动画属性理解的不够全面。

收获：

学会了使用bootstrap。