Ir para conteúdo
Fórum Script Brasil
  • 0

class=fw-semibold Bootstrap


Frank K Hosaka

Pergunta

Com a ajuda da Gemini, ontem eu descobri que o Bootstrap tem uma forma mais suave para destacar um texto. A seguir fiz um código de como usei o destaque nos últimos quatro anos:

<!DOCTYPE html>
<html lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
    rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" 
    crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" 
    integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" 
    crossorigin="anonymous"></script>
<style>body {width:200px;margin:0 auto} .linha {line-height:0px}</style>

<table>
    <tr><th align="right">A conta binária 1.0</th><td></td></tr>
    <tr><td></td><td align=right>1</td></tr>
    <tr><td></td><td align=right>+1</td></tr>
    <tr align="right"><td><b>total</td><td><b>10</td></tr>
</table>

<p></p>

<table class="table table-striped border">
    <tr class="fw-bold text-end" ><td>A conta binária 2.0<td>
    <tr><td><td class="text-end">1
    <tr><td><td class="text-end">+1
    <tr class="fw-bold text-end"><td>total<td>10
</table>

<p></p>


<table class="table table-striped linha border">
    <tr class="fw-semibold text-end"><td>A conta binária 3.0<td>
    <tr><td><td class="text-end">1
    <tr><td><td class="text-end">+1
    <tr class="fw-semibold text-end"><td>total<td>10
</table>

 

Captura de tela 2024-02-22 111119.png

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...