Bootstrap--"sticky-top"个互相替换的元素
Bootstrap--"sticky-top" elements that replace each other
在 Bootstrap Cheatsheet page 上，发生了两件事：
(1) 页面左侧的元素以页眉为上，紧贴页眉底部，
(2) 页面左侧的元素正在相互替换，并且作为粘顶元素“从顶部相互碰撞”。
他们是怎么做到的？我一直在挑选那个页面的 html 来试图弄清楚，但我认为我一定是遗漏了什么。当我尝试拥有多个“sticky-top”元素时，多个 sticky-top 元素相互堆叠，全部堆积在页面顶部，而不会向上“碰撞”前一个 sticky-top 元素。
此外，每个 h2 都有子 div，子 div 作为粘顶元素相互碰撞，而每个 h2 将前一个 h2 作为前一个粘顶元素碰撞，如果你能告诉我为什么会这样。我真的很感激任何人能提供的帮助。谢谢
查看每个部分周围最外层的容器。它是一个 article 元素，它限制了侧边栏标题在里面的位置。这些标题可以位于这些容器内的任何位置，从上到下。它实际上与 header.
无关
在您的脑海中想象一个厨柜抽屉。打开它并在后角放置一个高玻璃杯。现在关上抽屉。玻璃可以沿着抽屉的地板滑动，受台面的限制，直到抽屉底部接触。在那一点上，玻璃被用力拉到台面下面。这基本上就是这种布局所发生的事情。
就 header 的所有内容而言，请检查主要布局。它使用 CSS 网格（通过 Bootstrap 类），并且应用了 4rem 顶部填充，对应于 header 高度。
在 Bootstrap Cheatsheet page 上，发生了两件事：
(1) 页面左侧的元素以页眉为上，紧贴页眉底部，
(2) 页面左侧的元素正在相互替换，并且作为粘顶元素“从顶部相互碰撞”。
他们是怎么做到的？我一直在挑选那个页面的 html 来试图弄清楚，但我认为我一定是遗漏了什么。当我尝试拥有多个“sticky-top”元素时，多个 sticky-top 元素相互堆叠，全部堆积在页面顶部，而不会向上“碰撞”前一个 sticky-top 元素。
此外，每个 h2 都有子 div，子 div 作为粘顶元素相互碰撞，而每个 h2 将前一个 h2 作为前一个粘顶元素碰撞，如果你能告诉我为什么会这样。我真的很感激任何人能提供的帮助。谢谢
查看每个部分周围最外层的容器。它是一个 article 元素，它限制了侧边栏标题在里面的位置。这些标题可以位于这些容器内的任何位置，从上到下。它实际上与 header.
在您的脑海中想象一个厨柜抽屉。打开它并在后角放置一个高玻璃杯。现在关上抽屉。玻璃可以沿着抽屉的地板滑动，受台面的限制，直到抽屉底部接触。在那一点上，玻璃被用力拉到台面下面。这基本上就是这种布局所发生的事情。
就 header 的所有内容而言，请检查主要布局。它使用 CSS 网格（通过 Bootstrap 类），并且应用了 4rem 顶部填充，对应于 header 高度。