Bootstrap詞綴不會更改活動標籤

Question

該代碼由我公司的前任前開發人員編寫。他離開後，我被要求編輯這個頁面。當我完成CSS的工作後，我發現以前工作過的詞綴將始終激活最後一個元素。我嘗試了很多方法，但不知道爲什麼會發生這種情況。

示例代碼：

<ul id="myNav" class="nav nav-tabs nav-stacked"> 
    <li><a href="#section-1">關於Speed Dating</a></li> 
    <li><a href="#section-2">活動流程</a></li> 
    <li><a href="#section-3">成功案例</a></li> 
    <li><a href="#section-4">往期回顧</a></li> 
    <li><a href="#section-5">地點</a></li> 
    <li><a href="#section-6">合作伙伴</a></li> 
</ul> 
...... 
<h2 id="section-1">關於Speed Dating</h2> 
<h2 id="section-2">關於Speed Dating</h2> 
...... 

整個代碼是CodePen

Answer 1

最後，我發現這是因爲前者標明屬性data-spy="scroll" data-target="#myScrollspy"現在是一個div元素上。

我刪除了主體標記，因爲前面的HTML有兩個body標記，第一個標記設置在基本模板中，第二個標記用HTML編寫以綁定引導詞綴。因此，在將第二個body標記更改爲div後，引導程序標籤不起作用。

TL，NR：在將屬性data-spy="scroll" data-target="#myScrollspy"添加到body元素後，它被固定。