jquery - 带有 Bootstrap Menu Left not collapse 选项的 Asp.net Mvc 4

Question

我正在使用 Asp.Net MVC 4、razor 和 Bootstrap 3，我在我的 Asp.net MVC 元素的 Layout.cshtml 中复制了模板“bootstrap”，代码是相同的，但折叠菜单不起作用，无法展开单击选项“图表”菜单，如何解决此问题？这是 Layout.cshtml 中的代码

<li>
   <a href="#"><i class="fa fa-bar-chart-o fa-fw"></i>Charts<span class="fa arrow"></span></a>
   <ul class="nav nav-second-level">
       <li>
          <a href="flot.html">Flot Charts</a>
       </li>
       <li>
           <a href="morris.html">Morris.js Charts</a>
       </li>
   </ul>
   <!-- /.nav-second-level -->
</li>

正如你在图片中看到的那样，只显示了展开的菜单，但是当我点击“图表”时，并没有折叠菜单

Answer 1

您的代码在我的平台上运行良好。我使用 mvc5 默认 Web 应用程序和 bootstrap 3。

常见问题出在js和css文件的路径上。复制主题后确保你有正确的路径 ex

<script src="~/Content/admin2/dist/js/sb-admin-2.js"></script>

然后再次运行