<table> Clase
Utilizați clasele de mai jos pentru orice stil de masă:
| Clasă | Descriere | Exemplu |
|---|---|---|
| .table | Adaugă stilul de bază (light padding and only horizontal dividers) la orice <table> | Incearca-l |
| .table-striped | Adaugă zebră-striping la orice rând tabelă <tbody> (not available in IE8) este (not available in IE8) | Incearca-l |
| .table-bordered | Adaugă frontieră pe toate laturile mesei și celulele | Incearca-l |
| .table-hover | Activează o stare Hover pe rânduri de masă într - un <tbody> | Incearca-l |
| .table-condensed | Face tabelul de mai compact prin tăierea padding de celule in jumatate | Incearca-l |
| Combinând toate clasele de masă | Incearca-l | |
<tr>, <th> si <td> Clase
Utilizați clasele de mai jos pentru rândurile din tabelul de culori sau celule:
| Clasă | Descriere | Exemplu |
|---|---|---|
| .active | Aplică culoarea planare la un anumit rând sau celulă | Incearca-l |
| .success | Indică o acțiune de succes sau pozitiv | Incearca-l |
| .info | Indică o schimbare informativă neutră sau acțiune | Incearca-l |
| .warning | Indică un avertisment care ar putea avea nevoie atenție | Incearca-l |
| .danger | Indică o acțiune periculoasă sau potențial negativ | Incearca-l |
Tabele Responsive
Clasa .table-receptiv creează un tabel receptiv. Tabelul se va derula pe orizontală , apoi pe dispozitive mici (under 768px) . Atunci când vizualizați pe ceva mai mare decât 768px larg, nu există nici o diferență:
Exemplu
<div class="table-responsive">
<table class="table">
...
</table>
</div> Încearcă - l singur »