Bootstrap - 使英雄单位容器中的边距/空间变小

Question

Bootstrap中的英雄单位似乎在外边缘和文本之间有一个很大的边缘区域。纽扣。是否有一种Bootstrap友好的方法来缩小这个边缘区域？

Answer 1

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

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

尚未对此进行测试，但如果上述代码无效，请添加!important，这将覆盖所有其他样式规则（包括内联样式）：

padding: 30px !important;