Bootstrap CSS填充问题

Question

我想制作一个＆＃34;收件箱＆＃34;在引导程序中类似于Gmail的外观。

我在小组中遇到了一些问题，但邮件是在。

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

以下是Bootstrap主文件中的初始样式集：

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

Answer 2

最好的方法：

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

Answer 3

在你的css中添加：

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

Answer 4

使用此：

  

.list-group {margin-bottom：0px; }