在自定义css之后在Bootstrap中打破底部圆角

Question

我使用的是3.3.0的最新版本，但从3.2.0开始我就遇到了这个问题。下圆角没有连接。

使用3.2.0：

使用3.1.1：

我刚刚发现如果我添加以下行：

background-color: #ffffff !important;

并更改：

padding: 15px;

到

padding: 0px;

上课：

.panel-body

它打破了下方的圆角。

如何强制面板主体具有白色背景和0px填充？

http://jsfiddle.net/Khrys/730sjq8n/

Answer 1

添加以下样式：

.panel-body {
  border-radius: 4px;
}

问题在于，当您为容器提供边框和边框半径时，容器内的内容为白色背景，没有border-radius。因此，你有一个圆形框，里面有一个方块，因此会略微切断边框。

为允许内容容纳在容器内的内容添加边框半径。

或者，您可以删除背景颜色：

.panel-body { background-color: transparent;
}

这也是一个修复。