Para criação da tabela, precisa usar a classe .table
<table class = "table" > ... </ Table>
Atenção: utilizar .table-responsive <div class = " table-responsive " > <table class = "table" > ... </ table> </ div>
 fileiras listradas
Use .table-striped para adicionar zebra-striping em qualquer linha (row ) de
tabela dentro do <tbody>.
<table class="table table-bordered"> ... </table>
 Tabela contornada
Adicionar .table-bordered para as fronteiras em todos os lados da tabela e células.
<table class="table table-bordered"> ... </table>
 Linhas com Hover
Adicionar .table-hover para permitir que um estado de foco em linhas de tabela dentro de um <tbody> .
<table class = "table table-hover" > ... </ table>
 Tabela compacta
<table class="table table-condensed"> ... </table>
 Use contextual para adicionar cor nas tabelas e nas linhas (rows) ou nas celulas
individual.
Class Description
.active Aplica-se a cor de foco para uma linha ou célula em particular
.success Indica uma ação bem-sucedida ou positivo
.info Indica uma alteração informativa neutra ou ação
.warning Indica um aviso de que pode precisar de atenção
.danger Indica uma ação perigosa ou potencialmente negativo
 O texto marcado
 O texto excluído
 Texto sublinhado
 texto pequeno
 Ultiliza small para dizer que 85% do tamanho do elemento do pai.
<p class = "text-esquerda" > texto alinhado à esquerda. </ p>
<p class = "text-center" > Centro de texto alinhado. </ p>
<p class = "text-right" > texto alinhado à direita. </ p>
<p class = "text-justify" > texto justificado. </ p>
<p class = "text-nowrap" > Nenhum texto envoltório. </ p>
Obrigada 

Aula bootstrap

  • 2.
    Para criação databela, precisa usar a classe .table <table class = "table" > ... </ Table> Atenção: utilizar .table-responsive <div class = " table-responsive " > <table class = "table" > ... </ table> </ div>
  • 3.
     fileiras listradas Use.table-striped para adicionar zebra-striping em qualquer linha (row ) de tabela dentro do <tbody>. <table class="table table-bordered"> ... </table>
  • 4.
     Tabela contornada Adicionar.table-bordered para as fronteiras em todos os lados da tabela e células. <table class="table table-bordered"> ... </table>
  • 5.
     Linhas comHover Adicionar .table-hover para permitir que um estado de foco em linhas de tabela dentro de um <tbody> . <table class = "table table-hover" > ... </ table>
  • 6.
     Tabela compacta <tableclass="table table-condensed"> ... </table>
  • 7.
     Use contextualpara adicionar cor nas tabelas e nas linhas (rows) ou nas celulas individual. Class Description .active Aplica-se a cor de foco para uma linha ou célula em particular .success Indica uma ação bem-sucedida ou positivo .info Indica uma alteração informativa neutra ou ação .warning Indica um aviso de que pode precisar de atenção .danger Indica uma ação perigosa ou potencialmente negativo
  • 9.
     O textomarcado  O texto excluído
  • 10.
     Texto sublinhado texto pequeno  Ultiliza small para dizer que 85% do tamanho do elemento do pai.
  • 11.
    <p class ="text-esquerda" > texto alinhado à esquerda. </ p> <p class = "text-center" > Centro de texto alinhado. </ p> <p class = "text-right" > texto alinhado à direita. </ p> <p class = "text-justify" > texto justificado. </ p> <p class = "text-nowrap" > Nenhum texto envoltório. </ p>
  • 15.