Jump to content
Fórum Script Brasil
  • 0

Avermelhando um texto, quando o Bootstrap não funciona


Frank K Hosaka

Question

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>

 

Screenshot_1.png

Edited by Frank K Hosaka
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

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>

 

Edited by Frank K Hosaka
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      651.7k
×
×
  • Create New...