BootStrap自定义navbar导航菜单大小（默认在屏幕小于768px的时候自动折叠）

在项目中遇到如图：导航栏实在挤不下，导航条默认是768才折叠，这时候需要自己修改这个值。

翻阅官网介绍是这么说的：http://v3.bootcss.com/components/#navbar

下面记录下我是如何修改的：

一、下载源码。http://v3.bootcss.com/getting-started/#download

二、通过修改\bootstrap-3.3.7\less\variables.less文件中@grid-float-breakpoint的值。

三、生成我们项目所要的新的js及css文件，此处参照官网给出的方法（http://v3.bootcss.com/getting-started/#grunt）

四、最后，将dist下的新生成的js与css拷贝到自己项目，大功告成！

注意：拷贝css文件的时候，会碰到glyphicon图标无法显示，只显示四方框，此时可能是fonts路径问题，修改下就好了，参考https://www.jb51.net/article/92013.htm

参考的连接：

https://www.imooc.com/qadetail/195185