引导面板头部和身体之间的恼人的白线

使用引导3和可折叠面板。显示正文时如何去除标题和正文之间的白线。引导面板头部和身体之间的恼人的白线

HTML

<div class="panel-group"> 
<div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
      <a data-toggle="collapse" href="#collapseTools" >Tools</a>          
     </h4> 
    </div> 
    <div id="collapseTools" class="panel-collapse collapse in"> 
     <div class="panel-body"> 
     hello 
     </div> 
    </div> 
    </div> 
</div>

CSS

.panel { 
    background: #222222; 
    border: 0; 
} 

.panel-default >.panel-heading { 
    background: #222222; 
    color: #eeeeee; 
} 

.panel-default >.panel-collapse { 
    background: rgb(0, 145, 210); 
    color: #ffffff; 
    border-radius: 12px; 
}

jsfiddle

来源

2017-10-13 magauthier

'.panel-group .panel-heading + .panel-collapse .panel-body { border-top：0;我写了.panel-group .panel-heading + .panel-collapse .panel-body {border-top：0; }' – UncaughtTypeError

你panel-body类有一个border-top: 1px #ddd集。

您可以设置颜色为transparent如果你仍然想的空间

是1px的价值，也可以设置border: 0摆脱它。

来源

2017-10-13 20:25:10 gwar9

我把.panel-group。 }像UncaughtTypeError在评论中提到的那样。现在工作。 – magauthier

引导面板头部和身体之间的恼人的白线

回答

相关问题