在bootstrap表中的第1行和第2行之间添加空格

Question

我有一个使用bootstrap设计的表，并希望在标题行和其余行之间添加更多填充（换句话说，在第1行和第2行之间）。我发现并尝试过的解决方案：

tr.spaceUnder > td
{
  padding-bottom: 1em;
}

除了我的单元格是彩色的，因此它实际上不会在两行之间添加空白区域，这是我需要的。

table {
    border-collapse: separate;
    border-spacing: 1em; 
}

这增加了空白，这正是我需要的，除了它在所有行之间添加它。其中一条评论说改变了

border-spacing: 1em; 

到

border-spacing: 0 1em;

更具体，应该只在第1行和第2行之间添加空格，但它对我没有任何改变。

我的表结构：http://pastebin.com/9QYVE5ZB（它基本上是一个日历）。

Answer 1

我认为你可以简单地将padding-bottom应用于标题类。看看下面的CSS和我的小提琴。

 #myTable th.header{padding-bottom:15px;}

DEMO

Answer 2

当我需要做类似的事情时，我在span和td中使用了th元素。所以这将是我的背景颜色，然后给td，th填充底部没有背景。