Bootstrap Sidebar 在不应该折叠的时候折叠，在应该折叠的时候不折叠 [英] Bootstrap Sidebar collapsing when it shouldn't and not collapsing when it should

查看：27
本文介绍了Bootstrap Sidebar 在不应该折叠的时候折叠，在应该折叠的时候不折叠的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在 MVC 项目中有一个侧边栏，从数据库创建并在视图中作为 HTML 注入.

总的来说，除了两个恼人的特征外，它运行良好.

  1. 如果打开子菜单项，如果打开另一个子菜单项，它们不会折叠
  2. 如果单击子菜单项，它会在应该保持打开状态时折叠

这需要反过来

可能是一个简单的 CSS 问题，但经过它之后什么也没有跳出来.

生成的 HTML 是

div class="nav-side-menu"><div class="brand">乐队名称</div><i class="fa fa-bars fa-2x toggle-btn" data-toggle="collapse" data-target="#menu-content"></i><div class="菜单列表"><ul id="menu-content" class="menu-content 折叠出来"><li data-toggle="collapse" class="collapsed active"><a href="#1"><i class="fa fa-gift fa-lg"></i>概述<span class="arrow"></span></a></li><li data-toggle="collapse" class="collapsed active"><a href="#2"><i class="fa fa-gift fa-lg"></i>使用条款(许可)<span class="arrow"></span></a></li><li data-toggle="collapse" class="collapsed active"><a href="#3"><i class="fa fa-gift fa-lg"></i>系统要求<span class="arrow"></span></a></li><li data-toggle="collapse" class="collapsed active"><a href="#4"><i class="fa fa-gift fa-lg"></i>安装<span class="arrow"></span></a></li><li data-toggle="collapse" data-target="#5" class="collapsed active"><a><i class="dropdown-toggle" data-toggle="dropdown"></i>消息中心<span class="caret" ></span></a><ul class="sub-menu collapse" id="5"><li><a href="#6">新闻</a></li><li><a href="#7">通讯</a></li><li data-toggle="collapse" data-target="#8" class="collapsed active"><a><i class="dropdown-toggle" data-toggle="dropdown"></i>网站 <span class="caret"></span></a><ul class="sub-menu collapse" id="8"><li><a href="#9">登录</a></li>

CSS 是