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

Question

Bootstrap中的英雄单位似乎在外边缘和文字按钮之间有一个很大的边缘区域。是否有Bootstrap友好的方式来使这个边缘区域更小？

Answer 1

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

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

有不测试这一点，但如果上面的代码不工作，只是增加!important，它覆盖了所有其他样式规则（包括内联样式）：

padding: 30px !important;