Twitter bootstrap 如何使用Bootstrap3创建粘性左侧边栏菜单？

我想用bootstrap 3创建一个左侧的粘滞条菜单，如：

我已经阅读了给定的文档

我尝试使用

.affix

，但结果为零

---

更新：@Skelly，

---

谢谢你的例子。是的，我想要你的例子。我想下载您的示例html，但下载后html文件的侧栏不起作用。

我在代码中使用了这种方式

$(function(){
    $('.block').affix();
})

---

引导3

下面是一个工作的左侧边栏示例：

（类似于引导文档）

诀窍是使用

粘贴
组件以及一些CSS来定位它：

  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:228px;
  }

  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }

编辑-另一个


引导4

粘贴组件已在Bootstrap 4中删除，因此要创建粘性侧栏，您可以像这样使用第三方粘贴插件，或者使用
粘性顶部
类is

相关：
您也可以尝试使用Polyfill，如。尤其是在使用Bootstrap4时，
粘贴
组件是：

删除了附加jQuery插件。我们建议使用一个位置：粘性
改为polyfill

可能的重复：如果你“明白了”，你应该回答问题以帮助他人。你可能会在这些收藏中找到一个粘性左侧边栏菜单。我很晚才来参加聚会，但正如你在bootply上的例子所示，如果你看到了，一旦你点击第2节，标题就会被顶部导航栏隐藏。我面临着同样的问题，你能帮我解决吗？在锚点（h2）
#mainCol h2{padding top:55px；margin top:-55px；}
中添加类似的内容，在不需要的地方使用javascript/jquery是一个糟糕的主意，但可以用CSS解决。@WadeShuler，没有JS是不可能解决这个问题的，因为你必须切换
。固定了
类，根据页面滚动我在午夜浏览了页面。这个问题的标题是关于一个粘性的侧边栏，它可以在没有任何JS的情况下使用CSS来完成。他联系到了一个关于“是”的消息来源。所以这取决于他是想要词缀做什么，还是他真的想要一个侧边栏固定在页面的侧面。如果他不想/不需要词缀的好处，而一个纯CSS选项可以完成这项工作，那么他就不需要使用任何额外的和不必要的JS。我坚信保持源头清洁。我没有加载任何我不需要的脚本，也没有任何我不需要的代码。@WadeShuler，绝对同意你的观点，不要在CSS任务中使用JS。但是词缀，引导词缀，不仅仅是一个固定的边栏，需要与DOM交互，正如您所理解的，没有JS它是无法解决的。我们不能确定作者到底想要达到什么，所以我已经发布了有文档记录的API方法来达到“粘滞条”，根据您提供的链接，该插件现在已被弃用。