html - 折叠时如何使侧边栏元素固定或静态

嗨，我正在尝试实现一个可折叠的侧边栏，但是每当我切换折叠按钮时，元素都会移动。

我在这里检查了很多问题，但找不到解决方案。

我尝试删除所有padding一般但没有奏效。我错过了一些东西。

这是侧边栏：

但是当我单击切换按钮时：

在图标之间添加了一些随机空间并且它们改变了位置，我怎样才能使这些图标或元素保持静态/粘性？我不想让他们动。

标签： htmlcsstwitter-bootstrap

您可以尝试将此样式用于侧边栏：

position: sticky;
top: 0;
align-self: start;