如何通過Bootstrap減少面板的底部邊距？

這是我的引導3.0.3定製：如何通過Bootstrap減少面板的底部邊距？

@font-size-base 12px 
@grid-gutter-width 10px 

@navbar-margin-bottom 10px 

@line-height-base 1.67 

@padding-large-vertical @padding-base-vertical 
@padding-large-horizontal @padding-base-horizontal 
@border-radius-large @border-radius-base

大部分的東西都是OK的，除了面板的底部邊緣。

紅框顯示面板的底部邊距，象牙色顯示項目值。

我想將面板的底部邊距減小到5px。

截圖：

Chrome開發工具：

來源

2014-01-11 OpenCode

所以使用Chrome devtools ...？右鍵單擊該空白區域，找出適合的地方並進行修改。我在這裏錯過了更大的東西嗎？ – Deryck

@Dreyck //很棒。我改變了我的問題。它只是面板的底部邊距。 – OpenCode

沒有辦法與getbootstrap.com到custermize。
我改變它在樣式表中這樣。

.panel { 
    margin-bottom: 10px; 
}

來源

2014-01-11 17:08:20 OpenCode

使用style={{"margin-bottom":"5px"}}組件標籤內。

例子：

<Panel header={title} eventKey={title} collapsible bsStyle="info" style={{"margin-bottom":"5px"}}>

來源

2017-03-04 03:46:59 vkrish98

如何通過Bootstrap減少面板的底部邊距？

回答

相關問題