如何在asp.net中创建响应式动态菜单mvc

Question

如何在asp.net中创建响应式动态菜单mvc.I在该菜单中有3级.1级是菜单，2级是子菜单，最后一级是子菜单。这些数据来自数据库。我已经尝试了响应式菜单，但不行。我想要data-toggle="collapse"样式的菜单栏。

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" />
<div class="navigation">
  <div class="navbar navbar-fixed-top" id="mainnav">
    <div class="menu">
      @Html.Action("MenuLayout", "Menu")
    </div>
  </div>
</div>
<div class="container-fluid" style="background:#68c2fe;">
  <div class="row">
    <div class="col-lg-11">
      <nav id='cssmenu'>
        <ul id="ul_1">
          @{ foreach (var dr in Model) {
          <li>
            <a href='#'>@dr.MainMenuName</a> @{ ((POS_System.Controllers.MenuController)this.ViewContext.Controller).get_Submenu(dr.ID.ToString()); }
            <ul>
              @{ foreach (POS_System.Models.SubMenu subitem in Session["submenu"] as List
              <POS_System.Models.SubMenu>) {

                <li>
                  <a href='#'>@subitem.SubMenuName</a> @{ ((POS_System.Controllers.MenuController)this.ViewContext.Controller).get_Subtosubmenu((subitem.ID).ToString(), Session["RoleId"] == null ? string.Empty : Session["RoleId"].ToString()); }
                  <ul>
                    @{ foreach (POS_System.Models.SubToSubMenu subtosubitem in Session["subtosubmenu"] as List
                    <POS_System.Models.SubToSubMenu>) {
                      <li>
                        @Html.ActionLink(@subtosubitem.Description, "Index", @subtosubitem.SubToSubMenuName)
                      </li>

                      } }

                  </ul>

                </li>

                } }
            </ul>

          </li>

          } }

        </ul>

      </nav>
    </div>
    <div class="col-lg-1"></div>
  </div>
</div>