为什么我的部分元素上的填充不起作用？

Question

我正在构建一个 WordPress 网站并使用 Bootstrap。我正在尝试向我的sections 添加填充，但它不起作用。在检查器中，它旁边有黄色三角形感叹号，我不知道为什么。这是我的 CSS：

#stats {
    padding: 36px auto !important;
}

还有我的 HTML：

<section id="stats">
   <div class="container">
      <div class="row">
         <div class="col-sm-8">
            <h4>This is an infographic</h4>
         </div>
         <div class="col-sm-4">
            <p>This is some supporting text</p>
         </div>
      </div>
   </div>
</section>

Bootstrap 中有什么东西可以防止这种情况发生吗？这是检查员的屏幕截图：

Answer 1

auto 不是 padding 属性的有效值。如果您想使用auto，请使用margin，或者坚持使用px 的padding 值。