使用Bootstrap進行頁面導航

Question

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

導航鏈接如下所示：

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

這會更改瀏覽器URL以附加#Profile 。 運行fiddler似乎不會導致頁面刷新（沒有流量通過）。

這似乎沒有在Bootstrap文檔中記錄，因為我甚至不知道該功能的名稱，我還沒有設法查找如何正確實現它。 誰能告訴我它叫什么，可能提供解釋或一些文件？

Answer 1

按照要求：

以＃開頭的鏈接觸發hashChange事件，並將當前頁面滾動到id等於Profile的元素（so： <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文檔）。