javascript - Bootstrap 下拉菜单总是想要强制 Accordion 风格

Question

我正在使用这个 tutorial用于 Bootstrap 的侧面导航。

到目前为止，我的侧边导航看起来很棒，但是我想强制下拉菜单始终成为移动(折叠)菜单中的 Accordion 样式。

换句话说，我从不希望我的下拉菜单“弹出”我希望它们展开的其他内容。

所以我一直想要这种效果:

即使菜单像这样放在一边:

有人知道如何实现吗？？？

Answer 1

您需要调整给定的 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 处发生变化。将该值更改为您希望定位的任何尺寸的屏幕，您将获得想要的结果。