1. 程式人生 > >BootStrap自定義navbar導航選單大小(預設在螢幕小於768px的時候自動摺疊)

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