使用Bootstrap进行页面导航

Question

我正在尝试使用Bootstrap而我在实现页面导航方面遇到了一些麻烦。

导航链接如下所示：

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

这会更改浏览器网址以追加#Profile。运行fiddler似乎不会导致页面刷新（没有通过流量）。

这似乎没有在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文档）。