Bootstrap通栏导航条制作完整实例

1、打开WebStorm开发工具，新建‘test.html’文件，并在同级目录内部署安装Bootstrap相关文件，目录结构如下图所示

3、网页查看效果如下图，一个简单的导航条就做好了

5、网页查看效果如下图所示

7、网页查看效果，当缩小网页宽度时，导航条折叠成一个button，点击按钮弹出导航条