<table> Klasy
Użyj klasy niżej do stylu dowolnego tabeli:
Klasa | Opis | Przykład |
---|---|---|
.table | Dodaje podstawowe stylizacji (światło wyściółkę i tylko przegród poziomych) na dowolny <table> | Spróbuj |
.table-striped | Dodaje Zebra przeplot do dowolnego wiersza tabeli ciągu <tbody> (niedostępne w IE8) | Spróbuj |
.table-bordered | Dodaje granicę na wszystkich stronach stołu i komórek | Spróbuj |
.table-hover | Umożliwia stanu aktywowanych w wierszach tabelę w <tbody> | Spróbuj |
.table-condensed | Sprawia Stół bardziej zwarty przez cięcie dopełnienie komórek na pół | Spróbuj |
Łącząc wszystkie klasy stół | Spróbuj |
<tr>, <th> i <td> Klasy
Skorzystaj z poniższych klas do kolorów wierszy tabeli lub komórki:
Klasa | Opis | Przykład |
---|---|---|
.active | Stosuje kolor aktywowanych do określonego wiersza lub komórki | Spróbuj |
.success | Wskazuje udane lub pozytywnych działań | Spróbuj |
.info | Wskazuje neutralną zmianę lub akcję informacyjną | Spróbuj |
.warning | Wskazuje ostrzeżenia, które mogą wymagać uwagi | Spróbuj |
.danger | Wskazuje niebezpieczne lub potencjalnie negatywnego działania | Spróbuj |
reagujących Stoły
Klasa .table reagujący tworzy elastyczne tabeli. Tabela będzie przewijać w poziomie na małych urządzeniach (poniżej 768px). Podczas oglądania na coś większego niż 768px szerokości, nie ma różnicy: