Bootstrap - 使英雄單位容器的邊距/空間變小

Question

Bootstrap中的英雄單位似乎在外邊緣和文字按鈕之間有一個很大的邊緣區域。是否有Bootstrap友好的方式來使這個邊緣區域更小？

Answer 1

如果我正確認識你，你就應該能夠在自己的自定義樣式表編輯英雄單位（或bootstrap.css如果你真的想）：

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

有不測試這一點，但如果上面的代碼不工作，只是增加!important，它覆蓋了所有其他樣式規則（包括內聯樣式）：

padding: 30px !important;