手动绑定引导表

Question

我喜欢table-striped类遮住表格中每隔一行的方式。

但是我需要对行组进行着色。是否有一种简单的方法（最好使用CSS而不是JavaScript）自己将相同的阴影应用于各个行？

例如，我显示了每日菜单，我想要突出显示同一餐中的每种食物。

Answer 1

您可以使用Contextual classes bootstrap：

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

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

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

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

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

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

.lunch{ background:orange; }

只需将此课程提供给表格中的任何相关行：

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