Boa noite pessoal, estou tentando alterar a cor de uma linha em uma tabela com a class table-striped (zebrada), porém parece que a regra da table-striped sobrepõe minha regra: tr class="{{$p->quantidade <= 1 ? 'bg-danger' : ''}}" como podem ver no código abaixo:
<table class="table table-striped table-bordered">
<thead class="thead-dark">
<td class="bg-primary"><strong>Nome</strong></td>
<td class="bg-primary"><strong>Valor</strong></td>
<td class="bg-primary"><strong>Descrição</strong></td>
<td class="bg-primary"><strong>Qtde</strong></td>
<td class="bg-primary"><strong>Tamanho</strong></td>
<td class="bg-primary"><strong></strong></td>
<td class="bg-primary"><strong></strong></td>
</thead>
<tbody>
@foreach($produtos as $p)
<tr class="{{$p->quantidade <= 1 ? 'bg-danger' : ''}}">
<td>{{ $p->nome }}</td>
<td>{{ $p->valor }}</td>
<td>{{ $p->descricao }}</td>
<td>{{ $p->quantidade }}</td>
<td>{{ $p->tamanho }}</td>
<td>
<a type="submit" href="/produtos/mostra/{{$p->id}}">
<span class="glyphicon glyphicon-search"></span>
</a>
</td>
<td>
<a type="submit" href="/produtos/remove/{{$p->id}}">
<span class="glyphicon glyphicon-trash text-danger"></span>
</a>
</td>
</tr>
@endforeach
</tbody>
O problema é que minha tabela fica com as linhas vermelhas somente em colunas pares, quando é uma coluna ímpar a linha não está ficando vermelha. Mas se eu remover a class table-striped minha regra funciona, alguém pode me ajudar com esse erro? Imagem da tabela com erro: https://ibb.co/SVSy006 Imagem da tabela sem erro: https://ibb.co/z6LcsqL