Twitter bootstrap 使ScrollSpy引导程序边栏与示例类似的最低代码是什么？

我在引导页面上看到了左侧ScrollSpy示例：

但是他们没有任何关于如何获得相同风格和效果的示例代码？实现这一点所需的最少代码是多少，因为我看到的所有JSFIDLE示例都没有样式

更新 我已停止在我的项目上使用scrollspy，因为滚动条仅在页面级别工作，我需要滚动条仅出现在滚动发生的容器上

查看这是否有帮助：

在body标签中添加

（请参见小提琴选项左侧栏）

用相同的数据目标ID将您的侧导航条包装在一个div中：

您可能希望将类粘贴到您的侧导航上，使其保持原位：

为侧导航中的每个链接添加一个唯一的ID：例如

在页面主体中，添加ID与侧栏中链接匹配的部分：例如

Section 1

就这样

编辑

我如何让它的风格像他们网站上的引导示例一样

如果您想要设置类似于引导页面的样式，这里有一个变体

---

您将看到，我已经更改了导航列表ul上的类，以便更好地使用一些内置的Bootstap样式，我已经在菜单链接中添加了V形符号，并为导航列表添加了样式和媒体查询

在研究sidenav scrollspy的使用时，我发现了一个关于

---

所有源代码都可以在

上找到，看起来您已经链接到Bootstrap 3预发布文档。我们为BS3提供的任何细节都可能会发生变化，因为它是预发布的。另外，就文档中的scrollspy样式而言，我认为很多只是导航组样式。如果你想悬赏这个问题，至少要确保链接是有效的…@CodyGray公平地说。你到底想实现什么？在本例中，只有scrollspy的基本行为。你想实现这一点吗？像typeahead这样的各种东西已经不存在了，但是我查看了JSFIDLE。但是，我如何让它的风格像他们网站上的引导示例一样？@Zubair，这里有几个scroll spy示例@，你能更具体一点吗？OP说我在引导页面上看到了左手ScrollSpy示例，我将其解释为左手ScrollSpy。。。在引导页面上。i、 文档使用的scrollspy实现。我指的是页面左侧的scrollspy，您可以通过它浏览所有页面examples@Zubair谢谢你的澄清。请看我昨天添加的上面的编辑。