Question

如果您查看Twitter Bootstrap's 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

带有子菜单的Bootstrap的Affix菜单

1 个答案: