Question

我想在我的父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>

Answer 1

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

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

其中 size 是以下之一：

0-对于通过设置为消除边距或填充的类   0
  1-对于将边距或填充设置为的类   $ spacer * .25
2-用于设置边距或   填充到$ spacer * .5
3-用于设置   边距或填充到$ spacer
4-对于设置了   保证金或填充到$ spacer * 1.5
5-对于那些   将边距或填充设置为$ spacer * 3
auto-对于设置的类   自动保证金

另请参阅：How do I use the Spacing Utility Classes on Bootstrap 4

Bootstrap 4响应间距（填充）不起作用

1 个答案: