<table> Corsi
Utilizzare le classi di seguito per lo stile qualsiasi tavolo:
Classe | Descrizione | Esempio |
---|---|---|
.table | Aggiunge lo stile di base (leggera imbottitura e solo divisori orizzontali) per ogni <table> | Provalo |
.table-striped | Aggiunge zebra-striping a qualsiasi riga della tabella all'interno di <tbody> (non disponibile in IE8) | Provalo |
.table-bordered | Aggiunge bordo su tutti i lati del tavolo e le cellule | Provalo |
.table-hover | Consente uno stato hover su righe della tabella all'interno di un <tbody> | Provalo |
.table-condensed | Rende tavolo più compatto tagliando imbottitura cella a metà | Provalo |
Combinando tutte le classi della tabella | Provalo |
<tr>, <th> e <td> Corsi
Utilizzare le classi di seguito per le righe della tabella di colore o cellule:
Classe | Descrizione | Esempio |
---|---|---|
.active | Si applica il colore hover ad una particolare riga o una cella | Provalo |
.success | Indica un'azione di successo o positiva | Provalo |
.info | Indica un cambiamento informativo neutro o azione | Provalo |
.warning | Indica un avvertimento che potrebbe aver bisogno di attenzione | Provalo |
.danger | Indica un'azione pericolosa o potenzialmente negativo | Provalo |
tabelle responsive
La classe .table-reattiva crea una tabella reattivo. Il tavolo sarà quindi scorrere orizzontalmente su dispositivi di piccole dimensioni (sotto 768px). Per la visione con qualcosa di più grande di 768px di larghezza, non c'è differenza: