aula bootstrap

Tables, Images, Typography

Tables

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

Striped rows

Use .table-striped  para adicionar zebra-striping em qualquer linha (row ) de tabela dentro do  <tbody>.

<table class="table table-bordered"> ... </table>

Bordered table

Tabela contornadaAdicionar .table-bordered para as fronteiras em todos os lados da tabela e células.

<table class="table table-bordered"> ... </table>

Hover rows

Linhas com HoverAdicionar .table-hover para permitir que um estado de foco em linhas de tabela dentro de um <tbody> .

<table class = "table table-hover" > ... </ table>

Condensed table

Tabela   compacta

<table class="table table-condensed"> ... </table>

Contextual classes

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

Contextual classes

Typography

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>

Alinhamento do texto.

Transforme o texto.

Address

Formas de imagem

Obrigada