使用Bootstrap進行頁面導航

Question

我正在嘗試使用Bootstrap，並且在實現頁面導航時遇到了一些麻煩。

的導航鏈接看起來是這樣的：

<a href="#Profile">Profile</a> 

這將改變瀏覽器的URL追加#Profile。運行小提琴似乎不會導致頁面刷新（沒有流量通過）。

這似乎沒有記錄在Bootstrap文檔中，因爲我甚至不知道該功能的名稱，我沒有設法查找如何正確實現它。任何人都可以告訴我它叫什麼，並可能提供解釋或文件？

Answer 1

按照要求：

鏈路前綴爲＃觸發hashChange事件，並且滾動當前頁面的元素與id等於簡介（這樣：<div id="Profile>...</div>）。這不是twitter-bootstrap功能，它純粹是HTML。

注意，在你的問題張貼這是一個鏈接的真實：<a href="#Profile">Profile</a>

如果鏈接的href有以下形式：<a href="http://example.com/index.html#Profile">Profile</a>

那麼它會加載一個新的頁面，並立即滾動到元素id="Profile"。這對鏈接到其他頁面的特定部分非常有用（我自己的主要用例是鏈接到Quirksmode兼容性的特定部分，或W3的HTML/CSS文檔）。