如何用bootstrap做出一个响应式汉堡导航

本人菜鸡一枚，最近刚学完，趁热给大家分享一下。

1.解释一下什么叫做响应式汉堡导航。

就是在屏幕小于750px的时候，导航条自动折叠成汉堡式。

未折叠之前： 折叠之后 点击汉堡

2.关于如何制作

（1）首先要在bootstrap上面下载bootstrap的组件，然后要html头部引用bootstrap.min.css或者bootstrap.css

（2）在导航头部写入button标签，button标签中包含span标签，同时引用bootstrap中的导航折叠类。具体如下

部分代码

（3）编辑完导航部分的html后，再去另建一个CSS或者在style中编辑自己想要的样式结果即可。

3.如有错误，欢迎指正。谢谢大家！