html - 如何创建折叠到移动菜单中的固定侧边栏（Boostrap 4）

Question

我已经看了一遍，但我找不到我想做的确切解决方案。我是编码新手，所以这可能是一个我没有看到的简单解决方案。

我想创建一个固定在台式机和平板电脑上的侧边栏导航，但使用 Bootstrap 4 折叠成一个固定在移动设备顶部的汉堡菜单。我发现的许多示例都使用了现已过时的 affix 属性。其他示例是可折叠的，但我希望边栏始终在桌面和平板电脑上打开。我附上了我如何在桌面和移动设备上设计它的照片，以供进一步参考。

标签： htmlbootstrap-4navigationnavsidebar

Answer 1

我知道您在询问引导程序，但是由于您无论如何都使用外部库来处理此类事情，所以这个小脚本可能是您的解决方案。它完全符合您的需要：https ://github.com/grzegorzgit/Litomobile

如果您的菜单基于 ul 和 li，此脚本会自动为您想要的窗口大小创建动画移动菜单和图标。