我使用的是3.3.0的最新版本,但从3.2.0开始我就遇到了这个问题。下圆角没有连接。
使用3.2.0:
使用3.1.1:
我刚刚发现如果我添加以下行:
background-color: #ffffff !important;
并更改:
padding: 15px;
到
padding: 0px;
上课:
.panel-body
它打破了下方的圆角。
如何强制面板主体具有白色背景和0px填充?
答案 0 :(得分:3)
添加以下样式:
.panel-body {
border-radius: 4px;
}
问题在于,当您为容器提供边框和边框半径时,容器内的内容为白色背景,没有border-radius。因此,你有一个圆形框,里面有一个方块,因此会略微切断边框。
为允许内容容纳在容器内的内容添加边框半径。
或者,您可以删除背景颜色:
.panel-body { background-color: transparent;
}
这也是一个修复。