使用 twitter bootstrap 对表格标题进行不同的条带化答案

【问题标题】：Different striping for table heading with twitter bootstrap使用 twitter bootstrap 对表格标题进行不同的条带化
【发布时间】：2015-10-14 12:36:28
【问题描述】：

引导指南包含有关如何将striped rows 添加到表的信息。但在给出的示例中，标题行（包含“#”、“First Name”、...）与第 2 行（“2”、“Jacob”、...）具有相同的条纹。

与在 CSS 中指定 <th> 元素的背景颜色相反，是否有更改标题行条带的“引导方式”？

更改条带顺序，使标题行开始为灰色，示例 #2 为灰色，但标题行和示例 #2 使用相同的灰色阴影，不会解决问题。标题行是特殊的，所以它应该有自己特殊的背景阴影。

【问题讨论】：

嗯...你改变了<th>元素的背景属性，就是这样。
Change table header color using bootstrap的可能重复
@TinyGiant 他不是要求换一种方式吗？ “而不是在 CSS 中指定”
@AndrewGrimm 你想“反转”条纹的颜色吗？从标题中的灰色开始，然后第一行中的白色等？
我不知道这是否是“Boostrap 方式”，但您可以删除 <thead> 并在标题中添加一个表格行 <tr style="font-weight:bold">。这样你的标题就会有灰色条纹，如果那是你所要求的。

【解决方案1】：

您可以使用引导辅助类来添加不同的颜色，像这样

<thead class="bg-success"></thead>

但颜色有限，除白色和灰色外，还有 5 种颜色可供选择。你可以找到他们here。

【讨论】：