Javascript Can'；t在引导4导航栏折叠时改变div的填充（移动）

我有一个导航栏，固定在页面顶部。下面是我的页面内容。第一个内容是bootstrap4图像旋转木马。我注意到，对于mobile，我需要在页面容器上放置顶部填充（位于导航栏下方，其中包含我的旋转木马），否则当导航栏展开时，旋转木马将被导航栏遮挡。问题是，当导航栏折叠时，会出现相同的填充，留下一堆空白

基本上，我只希望页面容器（从旋转木马开始）始终位于导航栏的正下方，无论它是否折叠。

下面的代码段（如果您以整页运行，将有意义）：

正文{
宽度：自动；
字母间距：1px；
字体系列：'Gudea'，无衬线；
字体大小：16px；
背景色：#f7f7f7！重要；
}
.页面容器{
宽度：继承；
最大宽度：100%；
保证金：自动；
-webkit盒阴影：0.15px rgba（0,0,0,0.3）；
-moz盒阴影：0.15px rgba（0,0,0,0.3）；
盒影：0.15px rgba（0,0,0,0.3）；
}
navbar先生{
背景色：#f7f7f7！重要；
边框底部：1px实心#E9E9E9；
填充底部：30px；
}
.navbar.toggler.collapsed.page容器{
背景颜色：蓝色
}
.容器液体{
背景：#3737
}
.集装箱{
右侧填充：15px；
左侧填充：15px；
填充顶部：25px；
垫底：25px；
右边距：自动；
左边距：自动；
}
.导航项目{
文本对齐：右对齐；
填充：0px 10px 0px 10px
}
.导航链路{
文本对齐：左对齐；
字体大小：14px；
颜色：#0c2d1c！重要；
字号：700；
}
.img{
位置：相对位置；
宽度：100px；
高度：100px；
背景位置：50%50%；
}
.概述{
填充顶部：50px；
保证金权利：0%！重要；
左边距：0%！重要；
}
@介质（最大宽度：769px）{
.页面容器{
顶部填充：50vh
}
.nav链接：悬停跨距{
颜色：#f7f7f7！重要；
背景色：#0c2d1c；
边界半径：8px；
填充：6px 6px 6px 6px；
}
.nav链接span{
左侧填充：6px
}
}
@介质（最小宽度：769px）{
#关于{
颜色：#f7f7f7！重要；
背景色：#0c2d1c；
边界半径：8px；
填充：6px 6px 6px 6px；
}
.nav链接：悬停{
颜色：#f7f7f7！重要；
背景色：#0c2d1c；
边界半径：8px；
填充：6px 6px 6px 6px；
}
}

网站

















我们是谁

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，不能因为工作上的过失而受到劳动的伤害。知识本身就是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，不能因为工作上的过失而受到劳动的伤害。知识本身就是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，不能因为工作上的过失而受到劳动的伤害。知识本身就是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，不能因为工作上的过失而受到劳动的伤害。知识本身就是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于不谨慎的原因外，还必须为自己的行为负责
<nav id="navbar" class="navbar sticky-top navbar-expand-md navbar-light bg-light">