2017年8月25日 星期五

Bootstrap 導覽選單再進化,支援無限階層子選單

用Bootstrap時間愈久,也愈來愈習慣他的架構與寫作方法,透過Bootstrap快速的開發出RWD自適應的網頁,在設計RWD自適應的網頁中,下拉選單絕對是必要的,雖然Bootstrap內建就有導覽列選單,但他的下拉選單,只支援二層,因此當有第三層時,就只能用分隔線將選單分隔開來,雖然是一種方式,但有時候只有二層實在有點不太方便。

因此如此所以先前梅干,也曾修改過Bootstap內建導覽列選單,讓它支援多層選單,在一般的靜態頁面沒有什麼太大問題,但要套入WordPress時,就相當的麻煩,得在某些指定的標籤內,加入相關的設定,才能實現多層下拉選單,因此這問題也困擾了梅干許久,所以前幾天梅干就花了快二天的時間,直接打造一個多層級的下拉式選單,為了更符合使用習慣,所以在桌機是滑入展開,點前方的選單名稱,則會開啟該選單連結,進到手機版時,則是點右邊的箭頭展開選單,點前方的選單名稱一樣也是開啟連結,而主架構還是Bootstrap Navbar,但在選單中,就有所調整,讓選單更單純,更好套用,因此有在使用Bootstrap的朋友,也趕快來看看囉!



原始介紹文章出自於此

沒有留言:

張貼留言