Bootstrap:tr类"警告"在条带表中不起作用

Question

我有定义的表<table class="table table-striped">与像一些行<tr class="success">,<tr class="info">和<tr class="warning">.

在success与info表行精细显示:红色和蓝色就像他们应该的.但是这些warning行并没有像预期的那样显示黄色.它们只是普通的,斑马条纹白色或灰色.

奇怪的是,如果我添加table-hover到表的类中,warning行将显示黄色,但仅在悬停时.该success和info行,然而,总是打回原形,悬停或没有.

Answer 1

关于v3.0.3的这个问题(将在v3.1中修复,每当它们发布时),对此的快速/粗略修复是!important为此问题添加一些特定CSS的覆盖:

.table-striped > tbody > tr > .danger,
.table-striped > tbody > .danger > td,
.table-striped > tbody > .danger > th {
  background-color: #f2dede !important;
}

显然,这增加了thead,tfoot等和success,info如果你使用这些等.我只是在使用danger,而且只在tbody.我将这些修改放在我的bootstrap.css文件中,这样当我升级到v3.1时它仍然会更新.

Answer 2

看起来这是v3.0.3中的一个已知错误,将在v3.1.0中修复

https://github.com/twbs/bootstrap/issues/11728

现在我只是要删除class:table-striped以使颜色再次出现.