Aula bootstrap
- 2. Para criação da tabela, precisa usar a classe .table <table class = "table" > ... </ Table> Atenção: utilizar table-responsiva <div class = "table-responsiva" > <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 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>
- 6. Tabela compacta <table class="table table-condensed"> ... </table>
- 7. 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
- 9. O texto marcado 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. Obrigada