Gli ultimi tutorial di sviluppo web
 

Bootstrap CSS Tabelle di riferimento


<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:

Esempio

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
Prova tu stesso "