2017年2月6日 星期一

Bootstrap教學-NavBar導覽列選單在手機版下,選單由側邊開啟

Bootstrap內建的Nav導覽列選單,不但會自動切換選單模式,甚至還可以設定選單是置頂還是置底,相當的方便,完全不用寫任何的CSS與Javascript,但選單的展開方式只有一種,就是由上到下,當選單太長時,在顯示上則會有些不便,這時將選單變成由左右二側滑出,有它的方便之處,所以先前梅干也曾分享過左右的滑出選單,但那選單無論桌機還手機版,都是隱藏在側邊,因此今天要來分享另一種作法,讓Bootstrap Nav導覽列選單,在桌機版選單則在上方顯示,當變為手機版時,選單就由左或右滑出,這對於多層選單的朋友來說,在手機版下就更加方便操控,至於要怎麼做現在砫一塊來看看吧!

from 梅問題.教學網 https://www.minwt.com/webdesign-dev/html/17114.html

沒有留言:

張貼留言