如何使用Bootstrap减少面板的下边距?

时间:2014-01-11 16:46:01

标签: css twitter-bootstrap-3

这是我的Bootstrap 3.0.3自定义:

@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

除了面板的下边距外,大多数情况都没问题。

红色框显示面板的下边距,象牙色显示项目值。

我想将面板的下边距减少到5px。

截图:

screenshot

Chrome开发工具:

Chrome Dev Tools

2 个答案:

答案 0 :(得分:0)

没有办法与getbootstrap.com联系 我在这样的样式表中改了它。

.panel {
    margin-bottom: 10px;
}


答案 1 :(得分:0)

在组件标记内使用style={{"margin-bottom":"5px"}}

示例:

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