引導面板頭部和身體之間的惱人的白線

使用引導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

引導面板頭部和身體之間的惱人的白線

回答

相關問題