Avermelhando um texto, quando o Bootstrap não funciona

Frank K Hosaka · Maio 20, 2023

Esse código não funciona:

<html>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<div style='width:200;margin:0 auto'>
<table class="table table-striped">
<tr class=text-danger><td>Vermelho
<tr class=text-danger><td>Vermelho
<tr class=text-danger><td>Vermelho
</table></div>

Eu não queria jogar fora o Bootstrap e tentar montar uma tabela zebrada através do PHP, a manutenção do código é muito trabalhosa.

A minha solução foi esquecer que estamos na era do HTML 5, e usei o marcador <font>. O VS Code alerta que o marcador não está previsto no HTML 5, mas foi o único jeito que encontrei para resolver o problema. Ou tem outra solução?

<html>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<div style='width:200;margin:0 auto'>
<table class="table table-striped">
<tr><td><font color=red>Vermelho
<tr><td><font color=red>Vermelho
<tr><td><font color=red>Vermelho
</table></div>

Editado Maio 20, 2023 por Frank K Hosaka

Frank K Hosaka · Maio 20, 2023

Consegui resolver:

Ao invés de avermelhar os textos que estão numa linha <tr>, o melhor é avermelhar os textos que estão em cada célula <td>, assim:

<html>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<div style='width:200;margin:0 auto'>
<table class="table table-striped">
<tr><td class=text-danger>Vermelho
<tr><td class=text-danger>Vermelho
<tr><td class=text-danger>Vermelho
</table>
</div>

Editado Maio 20, 2023 por Frank K Hosaka

Entrar

Avermelhando um texto, quando o Bootstrap não funciona

Pergunta

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades