Bootstrap CSS Padding問題

Question

我正在嘗試在引導過程中創建一個類似於Gmail外觀的「收件箱」。

但是，我遇到了一些與郵件項目在Panel中有關的問題。

http://jsfiddle.net/64t872o1/

我無法擺脫這種保證金或填充的，我無法弄清楚它是什麼。

我已經將面板體的邊距和填充設置爲零，但它仍然存在。

.panel-body{ 
    padding: 0px; 
    padding-bottom: 0px; 
    margin-bottom: none; 
} 

有沒有一種簡單的方法來找出這個填充是從哪裏來的？

Answer 1

您會看到在.list-group元素上設置的邊距。

Updated Example

.tab-content .list-group { 
    margin-bottom: 0; 
} 

這裏是最初的造型在主引導文件設置：

.list-group { 
    padding-left: 0; 
    margin-bottom: 20px; 
} 

Answer 2

在你的CSS補充一點：

.tab-content .list-group{margin-bottom:0;} 

Answer 3

的最佳方式：

.tab-content .list-group { 
    margin-bottom: 0; 
} 

Answer 4

使用此：

.LIST基{邊距：0像素; }