引導菜單問題與Scrollspy

我想重新使用ScrollSpy GetBootstrap網站菜單。我的Bootply從PzDaCtkigV bootply開始（找到Here），我將其進一步擴展以匹配GetBootstrap的菜單。我遇到的問題是，當您向下滾動到第3部分時，它有2個子項目。在滾動時，突出顯示可以正常工作，但是在子項目上，它不會突出顯示與主項目相同的內容。我試圖找出如何讓高亮匹配的主要項目...問題引導菜單問題與Scrollspy

例子：http://www.bootply.com/jUOt0tc9nW

來源

2014-05-05 BCarlson

我也想弄清楚如何減少菜單項之間的間距。 – BCarlson

好吧，將「導航」類添加到每個列表項目，用豎線更正了問題。現在我只是想改變列表項的間距 – BCarlson

你可以調整填充（即：'.nav> li> a {padding：4px;}'） – ZimSystem

我已經更新了Bootply以反映解決。將來，我會嘗試讓子菜單的垂直線不縮進。但是解決方案非常接近，所以我要在我的項目中實現它，稍後再回到垂直線。

注意：在sm和xm設備上，菜單位於內容頂部時出現問題。如果你有這個問題，請使用hidden-xs和hidden-sm來隱藏菜單

來源

2014-05-12 14:10:37 BCarlson

我發現子菜單有問題。如果你有多個子菜單，jquery會立即打開所有的子菜單。我在Bootply中進行了更新，添加了$（'。submenu li'）。addClass（'hide'）。它不是最好的解決方案，但它的工作原理。 – BCarlson

引導菜單問題與Scrollspy

回答

相關問題