如何使用 Bootstrap 3 创建粘性左侧边栏菜单？

我想用 Bootstrap 3 创建一个左粘栏菜单，如下所示：

http://getbootstrap.com/getting-started/ http://getbootstrap.com/getting-started/

我读过给定的文档http://getbootstrap.com/javascript/#affix http://getbootstrap.com/javascript/#affix

我尝试与.affix但结果为零。

Update：@斯凯利，
谢谢你的好榜样。是的，我想要像你的例子。我会下载您的示例 html，但下载后 html 文件的侧栏在那里不起作用。

引导程序3

这是一个有效的左侧边栏示例：

http://bootply.com/90936 http://bootply.com/90936（类似于 Bootstrap 文档）

诀窍是使用affix组件以及一些 CSS 来定位它：

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

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

EDIT- 其他页脚和 affix-bottom 的示例 http://www.bootply.com/cNGkTRYr28

引导程序4

Affix 组件已在 Bootstrap 4 中删除，因此要创建粘性侧边栏，您可以使用3rd 方 Affix 插件像这样Bootstrap 4 粘性侧边栏示例 https://www.codeply.com/go/i8xuvOmVw3/bootstrap-4-affix-nav-and-sidebar-layout，或使用sticky-top class is 这个答案中解释了 https://stackoverflow.com/a/49111934/171456.

有关的：在 Bootstrap 4 中创建响应式导航栏侧边栏“抽屉”？ https://stackoverflow.com/questions/48996084/create-a-responsive-navbar-sidebar-drawer-in-bootstrap-4