html - 在 Bootstrap 表的第一行和第二行之间添加空格

Question

我有一个带有 bootstrap 样式的表格，我想在标题行和其余行之间(换句话说，在第一行和第二行之间)添加更多的填充。我找到并尝试过的解决方案:

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

除了我的单元格是彩色的，所以它实际上并没有在我需要的两行之间添加空白，这是可行的。

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

这添加了空白，这正是我所需要的，只是它在所有行之间添加了空白。对此的评论之一说改变

border-spacing: 1em; 

到

border-spacing: 0 1em;

更具体，应该只在第一行和第二行之间添加空格，但这对我来说没有任何改变。

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

Answer 1

我认为您可以简单地为 header 类应用 padding-bottom。看看下面的 CSS 和我的 fiddle 。

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

DEMO