Вы можете попробовать цикл Foreach, чтобы показать главное меню, подменю и дочернее меню.
Вы можете попробовать очень похоже, как показано ниже
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
@foreach(var item in mainMenu)
{
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">@item.MainMenu1<b class="caret"></b></a>
<ul class="dropdown-menu">
@foreach(var subItem in item.SubMenu){
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">@subItem.SubMenu1<b class="caret"></b></a>
<ul class="dropdown-menu">
@foreach(var childItem in subItem.ChildMenu){
<li>@Html.ActionLink(@childItem, "Action", "Controller")</li>
}
</ul>
</li>
}
</ul>
</li>
}
</ul>
Вы можете исправить дизайн как вы сами.
Примечание. Получить данные из действия в виде списка данных, используя несколько объектов