當菜單包含太多菜單項時引導漢堡菜單
[英]Bootstrap hamburger menu when menu contains too many menu items
問題描述
當達到某些 window 大小斷點時，Bootstrap 具有將navbar欄中的菜單項折疊為漢堡菜單的功能。 然而，我有時會發現，即使在不會觸發這種響應式漢堡包按鈕行為的更大尺寸的屏幕上（因為它們遠遠超出了斷點），當導航欄太滿時（即菜單太多時），漢堡包按鈕也應該出現項目）。
有沒有辦法做到這一點，最好是內置的，或者只用 css/html 或最少的 JS 工作？ 有沒有人嘗試過這個並且可以分享代碼和經驗？
1 個解決方案
解決方案1
1 2022-04-27 16:02:43
所以我對這個答案有些摸不着頭腦，但我想我明白了。 Bootstrap 文檔提供了示例，Navbar 示例是查看可用的靈活性和響應類的好資源。
除了.navbar-expand-lg類之外，Bootstrap 沒有知道何時折疊或不折疊的本機功能。
也許我擁有的這些 JavaScript 解決方案可能會有所啟發。
單擊移動設備（漢堡菜單）時為整個Bootstrap菜單欄着色
[英]Color entire Bootstrap menubar when mobile (hamburger menu) is clicked
bootstrap - 通過代碼關閉'mobile（hamburger）'菜單
[英]bootstrap - Close 'mobile (hamburger)' menu via code
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.