Bootstrap 4响应间距(填充)不起作用

Ais*_*man 1 html5 bootstrap-4

我想在我的父div ID(关于我们)内提供80px的上下填充和0的左右填充。因此,我尝试了引导程序4的响应间隔(填充),即py-80,但在这里不起作用。

<div id="about-us" class="py-md-80">
  <div class="container text-center">
    <h3 class="display-5 text-capitalize">about us</h3>
    <p class="text-muted">Divide have don't man wherein air fourth. Own itself 
     make have night won't make. 
     A you under Seed appear which good give. Own give air without fowl move the 
     dry first 
    heaven fruit, dominion she'd won't very all.</p>
    <img src="./imgs/signature.jpg" alt="signarure" class="img-responsive">
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

Zim*_*Zim 6

阅读有关间距实用程序类如何工作的文档:http : //getbootstrap.com/docs/4.1/utilities/spacing/

没有任意px大小,例如80。尺寸0-5和自动代表不同的Rem单位...

其中大小是以下之一:

0-对于通过将边距或填充设置为0来消除边距或填充的
类1-对于将边距或填充设置为$ spacer * .25
2的类-对于将页边距或填充设置为$ spacer * .5
3-的类将边距或填充设置为$ spacer
的类4-对于将边距或填充设置为$ spacer * 1.5
的类-对于将边距或填充设置为$ spacer * 3
的类auto-将边距设置为auto的类

另请参阅:如何在Bootstrap 4上使用Spacing Utility类