twitter-bootstrap - Bootstrap 的 Affix 菜单和子菜单

Question

如果您查看Twitter Bootstrap 的Affix 菜单，您会发现它也有子菜单项。它们仅在您单击主菜单项之一或滚动传递与子菜单项对应的标题时显示

我的网站上有一个 Affix 菜单，但我希望拥有与您在 Bootstrap 网站上看到的相同的子菜单功能。

我怎样才能达到同样的目的？它是 BS 3.x 中的标准功能吗？还是我必须自己做这个？如果是这样，什么是好的方法？

Answer 1

滚动部分是 Bootstrap 的 ScrollSpy 组件。自定义链接的样式active可以很容易地用一点 CSS 来完成。

/* hide sidebar sub menus by default */
#sidebar.nav .nav {
    display: none;
    font-size:12px;
}

/* show sub menu when parent is active */
#sidebar.nav>.active>ul {
    display: block;
}

Bootply 演示：http ://bootply.com/109952