Mobile 移动设备引导中的嵌套下拉菜单

我正在使用引导建立网站

问题是我有嵌套的下拉列表。在桌面版中，下拉列表看起来不错，而且不凌乱

然而，这就是它在手机中的外观：

它们看起来杂乱无章，您无法折叠/展开最深层次的下拉列表。这是不允许的

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

问题: 我真的没有开发UI的经验。我的方法是否足够？

---

我应该如何解决这个问题？

我使用了一个可以很好地与Bootstrap配合使用的sweet JS插件，名为。如果您曾经使用过Facebook iOS应用程序，您将熟悉此布局。有一些很棒的