三層選單頁面

左側 Sidebar 展示第1/第2/第3層 Treeview 巢狀選單。

這裡是主要內容區。你可以依實際路由切換「active」、「menu-open」以反映目前所在位置與展開狀態。
  • 選單層級:使用 .nav-item 巢狀 ul.nav.nav-treeview 即可形成下一層。
  • 展開箭頭:在有子層的 .nav-link 內加入 <i class="right fas fa-angle-left"></i>
  • 展開狀態:父層 li.nav-item 加上 .menu-open;目前頁籤 a.nav-link.active