Önyükleme 4 Tablosu

Bootstrap 4 Temel Tablosu

Temel bir Bootstrap 4 tablosunda hafif bir dolgu ve yatay bölücüler bulunur.

Sınıf .table, bir tabloya temel stil ekler:

Çizgili Satırlar

Sınıf .table-striped, bir tabloya zebra çizgileri ekler:

Bordürlü Masa

Sınıf .table-bordered, tablonun ve hücrelerin her tarafına kenarlıklar ekler:

fareyle üzerine gelin

Sınıf .table-hover, tablo satırlarına bir vurgulu efekti (gri arka plan rengi) ekler:

Siyah/Koyu Masa

Sınıf .table-dark, tabloya siyah bir arka plan ekler:

Koyu Çizgili Masa

Koyu, çizgili bir tablo oluşturmak için birleştirin .table-darkve :.table-striped

Hoverable Karanlık Masa

Sınıf .table-hover, tablo satırlarına bir vurgulu efekti (gri arka plan rengi) ekler:

Kenarlıksız Masa

Sınıf .table-borderless, tablodan kenarlıkları kaldırır:

Bağlamsal Sınıflar

Bağlamsal sınıflar tüm tabloyu ( <table>), tablo satırlarını ( <tr>) veya tablo hücrelerini ( <td>) renklendirmek için kullanılabilir.

Kullanılabilecek bağlamsal sınıflar şunlardır:

Masa Başlığı Renkleri

Sınıf .thead-dark, tablo başlıklarına siyah bir arka plan .thead-lightekler ve sınıf, tablo başlıklarına gri bir arka plan ekler:

Küçük masa

Sınıf .table-sm, hücre dolgusunu yarıya indirerek tabloyu küçültür:

Duyarlı Tablolar

Sınıf .table-responsive, gerektiğinde (yatay olarak çok büyük olduğunda) tabloya bir kaydırma çubuğu ekler:

Ekran genişliğine bağlı olarak, tablonun ne zaman kaydırma çubuğu alacağına da karar verebilirsiniz: