html - Bootstrap - 使英雄单元容器中的边距/空间更小

Question

Bootstrap 中的 hero 单元似乎在外边缘和文本和按钮之间有很大的边距区域。是否有一种 Bootstrap 友好的方法可以使这个边距区域更小？

Answer 1

如果我对你的理解正确，你应该能够在你自己的自定义样式表中编辑英雄单元（或者如果你真的想要的话，在 bootstrap.css 中）：

.hero-unit {
  padding: 30px; /* default is 60px; */
}

尚未对此进行测试，但如果上面的代码不起作用，只需添加!important，它会覆盖所有其他样式规则（包括内联样式）：

padding: 30px !important;