本人正在學(xué)習(xí)前端,最近學(xué)會(huì)了利用bootstrap框架制作響應(yīng)式導(dǎo)航
何為響應(yīng)式導(dǎo)航呢崔列，就是如果用戶對屏幕進(jìn)行拉伸草则，當(dāng)屏幕的寬度小于748px，導(dǎo)航欄會(huì)被折疊拯爽，呈漢堡形狀。如下圖：
并且可以通過點(diǎn)擊右側(cè)折疊欄（漢堡狀的）展開導(dǎo)航欄钧忽，如下圖：
再次點(diǎn)擊折疊欄導(dǎo)航條又會(huì)收縮毯炮，恢復(fù)為原狀
當(dāng)屏幕寬度在748px及以上時(shí)，導(dǎo)航欄又會(huì)展開耸黑，如下圖：
這效果是不是很棒阿桃煎？不要急，下面我們來一步步去實(shí)現(xiàn)它：首先去bootstrap中文網(wǎng)下載bootstrap,然后解壓大刊，在disc文件夾中可以找到下面所需的CSS和JS文件为迈。
第一步在新建的html文件中引入bootstrap框架的css樣式文件
再在頁面底部引入bootstrap的js腳本文件
注意jquery.js一定要在bootstrap.min.js文件前面
再在body里加入以下代碼：
這就是我們bootstrap響應(yīng)式導(dǎo)航的做法。里面用到的類名都bootstrap里封裝好的css缺菌，如果不懂可以去bootstrap中文網(wǎng)瀏覽學(xué)習(xí)葫辐。好了，我的分享到此結(jié)束男翰。謝謝大家
