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

Question

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

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

Answer 1

我知道你问的是引导程序，但既然你无论如何都使用外部库来做这样的事情，也许这个小脚本对你来说是一个解决方案。它完全满足您的需求：https://github.com/grzegorzgit/Litomobile

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