Najnowsze tutoriale tworzenie stron internetowych
 

Bootstrap CSS Tabele referencyjne


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

Przykład

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
Spróbuj sam "