引导拐角半径覆盖我的外部div面板角

Question

我想在我的引导面板上使用圆角。但是，当我将外部div设置为具有圆角时，它们将被panel-body和panel-header用它们的3px角覆盖。我如何覆盖这个，即停止设置角落的身体/头部，而不是为每个身体和头部设置所有四个角？

我定身的背景是蓝色第一的ligher阴影，太：

.panel-body { 
    background: #d9edf7; 
} 

下面是HTML

<div class="panel-group"> 
    <div class="panel panel-info" style="-moz-border-radius: 12px; 
    -webkit-border-radius: 12px; 
    -ie-border-radius: 12px; 
    -opera-border-radius: 12px; 
    -chrome-border-radius: 12px; 
    border-radius: 12px;"> 
     <div class="panel-heading"><h2>Don't have an account?</h2></div> 
     <div class="panel-body"> 
         register here! 
     </div> 
    </div> 
</div> 

感谢。

Answer 1

添加overflow: hidden

.panel-body { 
 
    background: #d9edf7; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="panel-group"> 
 
    <div class="panel panel-info" style="-moz-border-radius: 12px; 
 
    -webkit-border-radius: 12px; 
 
    -ie-border-radius: 12px; 
 
    -opera-border-radius: 12px; 
 
    -chrome-border-radius: 12px; 
 
    border-radius: 12px; overflow: hidden;"> 
 
     <div class="panel-heading"><h2>Don't have an account?</h2></div> 
 
     <div class="panel-body"> 
 
         register here! 
 
     </div> 
 
    </div> 
 
</div>