ブートストラップを使用してこのWebサイトを構築しています。
問題は、ドロップダウンがネストされていることです。ドロップダウンは見栄えがよく、デスクトップ バージョンでは雑然としていません。
ただし、モバイルでは次のように表示されます。
それらは雑然としているように見え、ドロップダウンの最も深いレベルを折りたたんだり展開したりすることはできません。これだけは許しません。
モバイル ビューで情報を表現するためのより良い方法があると考えています。私のアプローチは、人が「建物/土地」タブに触れたときに、下部のナビゲーションバーを建物/土地のコンテンツに置き換えて、ドロップダウンのレベルを1つ減らすことでした。
質問: UI の開発経験がまったくありません。私のアプローチは十分ですか？ この問題を解決するにはどうすればよいですか?