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像素; }