带有 Bootstrap 菜单的 Asp.net Mvc 4 左侧不折叠选项答案

【问题标题】：Asp.net Mvc 4 with Bootstrap Menu Left not collapse option带有 Bootstrap 菜单的 Asp.net Mvc 4 左侧不折叠选项
【发布时间】：2014-11-07 15:13:50
【问题描述】：

我正在使用 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>

正如您在图片中看到的，仅显示展开中的菜单，但当我单击“图表”时不会折叠菜单

【问题讨论】：

您的代码是为了不崩溃而编写的。

标签： jquery css asp.net asp.net-mvc twitter-bootstrap

【解决方案1】：

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

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

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

然后再次运行

【讨论】：

【解决方案2】：

我遇到了同样的问题，并通过在 </body> 标记之前的 _Layout.cshtml 文件中而不是在视图中包含正确的库 (JavaScript) 来解决它。

【讨论】：