Javascript 引导下拉列表希望始终强制使用手风琴样式

我的工作从这个侧面导航引导

到目前为止，我的侧导航看起来很棒，但是我想强制下拉菜单成为手风琴风格，当它们一直在移动（折叠）菜单中时

换句话说，我从不希望下拉列表“弹出”其他我希望它们扩展的内容

所以我总是想要这种效果：

即使菜单位于这样的一侧：

---

有人知道如何做到这一点吗？

您需要对给定的CSS进行一些调整

/* make sidebar nav vertical */ 
@media (min-width: 768px) {
    .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
}
.sidebar-nav .navbar ul {
    float: none;
}
.sidebar-nav .navbar ul:not {
    display: block;
}
.sidebar-nav .navbar li {
    float: none;
    display: block;
}
.sidebar-nav .navbar li a {
    padding-top: 12px;
    padding-bottom: 12px;
}
}

---

如您所见，CSS的宽度为768px。将该值更改为您希望的目标屏幕大小，您将得到您想要的结果

我知道我的意思是，我希望它一直放在旁边，直到

768px

，但我希望下拉列表以手风琴风格展开，而不是在

768px

时弹出。我希望它切换到折叠。您是否尝试在媒体查询之外应用相同的CSS？这可能会引起您的兴趣。。。看起来你在追求什么。。。是的，我确实发现了，基本上是我喜欢的，我喜欢它被集成为导航，我只是希望下拉菜单一直被设计成移动的。