mobile - 移动设备中 Bootstrap 中的嵌套下拉菜单

Question

我正在使用引导程序构建这个网站。

问题是我有嵌套的下拉菜单。下拉菜单看起来不错，并且在桌面版本中没有混乱。

然而，这就是它在移动设备中的外观：

它们看起来很杂乱，你不能折叠/展开最深层次的下拉菜单。它只是不允许这样做。

我认为有更好的方法可以在移动视图中表示信息。我的方法是当人们触摸“建筑物/土地”选项卡时，我用建筑物/土地的内容替换底部导航栏，从而减少一级下拉菜单。

问：我真的没有开发 UI 的经验。我的方法是否足够？ 我应该如何解决这个问题？

Answer 1

我使用了一个可以很好地与 Bootstrap 配合使用的甜蜜 JS 插件，称为Snap.js。如果您曾经使用过 Facebook iOS 应用程序，您就会熟悉这种布局。这里有一些很棒的演示。