拆卸面板的標題和麪板邊框之間不必要的空間

我現在的情況是這樣的：http://i.imgur.com/qq15FEK.png 拆卸面板的標題和麪板邊框之間不必要的空間

我有一個面板，在這裏的標題和邊框顏色相同。我已覆蓋面板信息默認顏色以使用我自己的顏色。

我的問題是標題和邊框之間的白色小空白。我試着改變填充和邊框樣式，但無濟於事。

如何讓標題佔據面板的整個空間，以消除出現的空白？

/* This is the CSS that overrides the default bootstrap panel. */ 
 

 
.panel-info>.panel-heading { 
 
    color: #000 !important; 
 
    background-color: #6fc45b !important; 
 
} 
 

 
.panel-info { 
 
    border-color: #6fc45b !important; 
 
}

<div class="col-sm-12"> 
 
    <div class="panel panel-info"> 
 
    <div class="panel-heading"> 
 
     <h3 class="panel-title">Lejeperiode</h3> 
 
    </div> 
 
    <div class="panel-body"> 
 
     Højsæson er skolernes vinterferie, sommerferie samt efterårsferie. I disse uger trækkes der lod. I højsæsonen kan man ikke booke weekender, med mindre de er ledige. I lavsæsonen kan man leje hele ugen, weekender samt mandag til torsdag. Weekender samt 
 
     mandag til torsdag bekræftes først en måned inden, da de altid kan overgåes af udlejning af hele ugen. 
 
    </div> 
 
    </div> 
 
</div>

來源

2017-08-10 Leth

代碼。我們需要見你[mcve] – j08691

對不起，完全忘了。我已經發布了。 – Leth

如果我們將您的代碼放入Bootply（https://www.bootply.com/FXJ14AjZmC），那麼您的帖子中表達的情況就不會發生。是否有可能你有額外的衝突CSS？ –

嘗試

.panel-heading { 
    margin-right:-1px; 
    margin-left:-1px; 
}

來源

2017-08-28 16:25:49 Akash

拆卸面板的標題和麪板邊框之間不必要的空間

回答

相關問題