Html 文本顶部和底部的间距相等

我希望文本在大屏幕和小屏幕上具有相等的间距，如下所示：

注意：在所有屏幕尺寸上，它的顶部和底部应具有相等的间距，这意味着它需要在所有设备上响应

我使用的是bootstrap4。以下是我需要修改的HTML和CSS代码：

背景顶部
身体{
边缘顶端：53px；
}
.navbar自定义{
背景色：#4848；
}
ul.ml-auto>li>a>span{
字体：15px机器人，无衬线；
字号：500；
位置：相对位置；
显示：内联块；
颜色：#ffffffff80；
溢出：隐藏；
垫底：5px；
}
.导航链路{
填充：.5rem 1rem 0；/*右上下*/
}
琼伯伦先生{
背景图片：url（“background1.jpg”）；
文本对齐：居中；
身高：523px；
背景尺寸：封面；
边距：0！重要；
显示器：flex；
证明内容：中心；
弯曲方向：立柱；
}
.mainText{
宽度：100%；
字体系列：Verdana，无衬线；
字体大小：120px！重要；
利润上限：35px；
颜色：黑色；
保证金：0.05雷姆0；
动画持续时间：2秒；
动画迭代次数：无限；
动画延迟：1s；
}
.潜台词{
字体大小：20px；
字体系列：佐治亚，衬线；
字体：斜体；
线高：1.6；
颜色：黑色；
动画持续时间：2秒；
动画迭代次数：无限；
动画延迟：1s；
}
@媒体屏幕和屏幕（最大宽度：768px）{
.mainText{
页边距底部：0；
}
.潜台词{
显示：无；
}
}










卡洛斯·钱诺

Lorem Ipsum.
Lorem Ipsum






乱数假文

Lorem ipsum door sit amet，Concertetur adipising elit，sed do eiusmod temporal incident ut labour and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

您好：）我建议您查看视口高度和视口宽度。因为它是根据屏幕大小计算的，所以可以得到一个响应距离。这里是我为你的代码写的

@media (min-width: 576px)
.jumbotron {
    padding: 8vh 12vw;
}

---

到底是什么地方出了问题？文本在jumbotron的顶部和底部没有相等的间距