移动中Bootstrap中的嵌套下拉菜单

Question

我正在使用bootstrap构建this网站。

问题是我有嵌套下拉。桌面版本中的下拉列表看起来很漂亮而且不会混乱。

然而，这就是它在移动设备中的表现：

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

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

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

Answer 1

我使用了一个很好的JS插件，可以很好地与Bootstrap一起使用，名为Snap.js。如果您曾经使用过Facebook iOS应用程序，那么您将熟悉这种布局。有一些很棒的demos here.