位置：粘;不使用angular 2和bootstrap4

Question

我希望类似于bootstrap2的affix组件或者bootularrap4中的3与Angular2类似的组件。

正如引导程序4所说它已删除了词缀并创建了位置：粘性;对于相同的。但是当我在卡片上应用它时，它无效。

a.css

.my-page-header-stick {
   position: sticky;
}

a.html文件

<div class="card my-page-header-stick">
    <h1>Page header: This card will stick below the navbar of the single page application</h2>
</div>
...
<!-- other cards of the page -->

我想写简约代码，并实现相同的目标。 一些词缀例子：

我发现了一个类似的问题Affix as separate plugin 其中说解决方案是来自bootstrap 3的复制词缀并粘贴在bootstrap4中，但我不理解答案。

我正在寻找一个解决方案，我不必编写CSS以及JS代码，并在将来与人们一起维护它。