引导程序4.0+更新

请注意，affix已经从引导程序中删除了。从2018年开始，我还建议您避免使用jQuery，转而使用angular、react或vue，以获得更好的编码实践。
现在要从bootstrap 4.0实现这一点，需要使用sticky-top类。
样本代码：

<div class="card sticky-top">
...Something
</div>

它看起来像这样：

如果你想要一些填充和边距，你可以设置它，或者在它上面添加另一个具有相同类的div，等等。要有创意：）

根据Bootstrap文档，您必须自己编写.affix、.affix-top和.affix-bottom样式。

.affix {
    top:50px;
    position:fixed;
}

要定义词缀开始的位置，可以在元素上使用data-offset-*属性：
<div data-spy="affix" data-offset-top="50">

**编辑：**我做了一个快速的JSFiddle，以便更好地说明用法。

使用引导程序和jQuery
第一个

第一个

填充为10px的顶部粘滞div的Boostrap 5更新

例如，对于navbar：

<div id="navbar-content" class="navbar sticky-top">[your content]</div>

在.css中：

#navbar-content{top: 10px;}

第一个