Bootstrap CSS填充問題

Question

我試圖在bootstrap中創建一個類似於Gmail外觀的“收件箱”。

我在小組中遇到了一些問題，但是郵件是在。

http://jsfiddle.net/64t872o1/

我無法擺脫這個邊距或填充，我無法弄清楚它是什么。

我已將面板主體的邊距和填充設置為零，但仍然保留。

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

有沒有一種簡單的方法來確定這個填充來自何處？

Answer 1

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

更新的示例

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