En son web geliştirme öğreticiler
 

Bootstrap CSS Tablolar Referans


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

Örnek

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
Kendin dene "