使用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文档）。