View
268
Download
3
Category
Preview:
Citation preview
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
Recommended