Bootstrap 的 Affix 菜单和子菜单答案

【问题标题】：Bootstrap's Affix menu with sub menusBootstrap 的 Affix 菜单和子菜单
【发布时间】：2014-01-31 21:26:34
【问题描述】：

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

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

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

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3 affix

【解决方案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

【讨论】：

谢谢，正是我需要的