Html 如何在asp.net mvc中制作响应式动态菜单

如何在asp.net mvc中创建响应式动态菜单。我在该菜单中有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>

@Action（“MenuLayout”，“Menu”）

@{foreach（模型中的var dr）{

@{（（POS_System.Controllers.MenuController）this.ViewContext.Controller）.get_子菜单（dr.ID.ToString（））；}

@{foreach（POS_System.Models.SubMenu）会话[“SubMenu”]中的子项作为列表
) {

@{（（POS_System.Controllers.MenuController）this.ViewContext.Controller）get_子菜单（（subitem.ID）.ToString（），会话[“RoleId”]==null？字符串。空：会话[“RoleId”].ToString（））；}

@{foreach（POS_System.Models.subtom子菜单Session[“subtomsubmenu”]中的subtom子项）作为列表
) {

@ActionLink（@subtosubitem.Description，“Index”，@subtosubitem.subtosubnumname）

} }


} }


} }

如果您试图构建引导式可折叠导航栏，那么首先，您的内容需要位于“导航栏”元素内，并且通常符合引导的模板和类（您可以在其文档中找到）。现在你似乎把你所有的逻辑都放在了一个单独的分区里。谢谢兄弟！！！如果你有样品的话。请分享我！！：就像我说的，它在引导文档中。这里是Bootstrap 4.0的文档-。您只需要让Razor代码生成兼容的HTML，并提供所需的结构。注意：如果您使用的是Bootstrap 3.x，您可以通过searchingOK bro单独查找该文档！！！非常感谢！！！：DNo问题…但在未来尝试谷歌的东西首先为自己，很多东西已经可以在网上