如何用Bootstrap获得一个漂亮的可折叠侧边栏菜单(另一个帖子)

How to get a nice collapsible side bar menu with Bootstrap (yet another post about that)

本文关键字：侧边栏 可折叠 菜单 另一个 漂亮 一个 何用 Bootstrap      更新时间：2023-09-26

我见过无数用bootstrap制作侧边栏导航菜单的例子，但似乎没有一个是我喜欢的方式。

我正在寻找一对夫妇的功能:

  • 每个菜单项都有一个图标和文字
  • 可折叠:折叠时只显示图标和顶层菜单项
  • 折叠/取消折叠时的简单动画(侧边栏位于内容上方)
  • 顶级菜单项和子菜单项(层次结构)

这个很好，但不会崩溃

这一个崩溃(但不是我想要的方式)，但缺少图标+子菜单项

这个(第二个例子)有我想要的折叠行为，但缺少一些其他的东西(和方式使菜单出现是丑陋的)

是否有可能有一个边栏与Bootstrap + javascript的所有这些功能?

我已经尝试将侧边栏转换为您需要的内容。

请看看这个 Codepen

希望这对你有帮助!

相关文章：