<table> Sınıflar
herhangi bir tabloyu stil aşağıdaki sınıfları kullanın:
Sınıf | Açıklama | Örnek |
---|---|---|
.table | Temel stil ekler (light padding and only horizontal dividers) herhangi birine <table> | Dene |
.table-striped | Içinde herhangi bir tablo satır zebra şeritleme ekler <tbody> (not available in IE8) | Dene |
.table-bordered | Masa ve hücrelerin her tarafta çerçeve ekler | Dene |
.table-hover | Bir dahilinde tablo satırları üzerinde fareyle üzerine gelme durumu etkinleştirir <tbody> | Dene |
.table-condensed | yarısında hücre dolgusu keserek tablo daha kompakt hale getirir | Dene |
Tüm tablo sınıfları birleştiren | Dene |
<tr>, <th> ve <td> Sınıflar
renk tablo satırları veya hücre için aşağıdaki sınıfları kullanın:
Sınıf | Açıklama | Örnek |
---|---|---|
.active | Belirli bir satır ya da hücreye gelme renk uygular | Dene |
.success | Başarılı ya da pozitif eylemi gösterir | Dene |
.info | nötr bilgilendirici bir değişiklik veya eylemi belirtir | Dene |
.warning | dikkat gerekebilir bir uyarı gösterir | Dene |
.danger | tehlikeli veya olumsuz etkisini gösterir | Dene |
duyarlı Tablolar
.table duyarlı sınıf duyarlı bir tablo oluşturur. Tablo daha sonra küçük cihazlarda kaydırılabilir olacaktır (under 768px) . Geniş 768px daha büyük bir şey üzerinde görüntülerken, hiçbir fark yoktur: