html - 手动分割引导表

我喜欢table-striped类在表中每隔一行阴影的方式。

但是我需要遮盖行组。是否有一种简单的方法（最好使用CSS而不使用JavaScript）将相同的阴影应用于单独的行？

例如，我正在显示每日菜单，并且我想突出显示同一餐中的每种食物。

最佳答案

您可以使用引导程序的Contextual classes：

.active-将悬停颜色应用于特定的行或单元格

.success表示成功或积极的行动

.info表示中性的信息更改或操作

.warning表示可能需要注意的警告

.danger表示危险或潜在的负面行为

或者，您也可以使用自定义颜色创建自己的新类。例如

.lunch{ background:orange; }

并将此类提供给表中的任何相关行：

....
<tr class="lunch">...</tr>
....

关于html - 手动分割引导表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27097213/