<table> Kelas
Gunakan kelas bawah untuk gaya setiap meja:
Kelas | Deskripsi | Contoh |
---|---|---|
.table | Menambahkan styling dasar (bantalan ringan dan hanya pembagi horizontal) untuk setiap <table> | Cobalah |
.table-striped | Menambahkan zebra-striping untuk setiap baris tabel dalam <tbody> (tidak tersedia di IE8) | Cobalah |
.table-bordered | Menambahkan perbatasan di semua sisi dari meja dan sel | Cobalah |
.table-hover | Memungkinkan negara hover pada baris tabel dalam <tbody> | Cobalah |
.table-condensed | Membuat tabel lebih kompak dengan memotong bantalan sel di setengah | Cobalah |
Menggabungkan semua kelas table | Cobalah |
<tr>, <th> dan <td> Kelas
Gunakan kelas bawah untuk baris tabel warna atau sel:
Kelas | Deskripsi | Contoh |
---|---|---|
.active | Berlaku warna melayang ke satu baris atau sel tertentu | Cobalah |
.success | Menunjukkan tindakan berhasil atau positif | Cobalah |
.info | Menunjukkan perubahan informatif netral atau tindakan | Cobalah |
.warning | Menunjukkan peringatan yang mungkin memerlukan perhatian | Cobalah |
.danger | Menunjukkan tindakan yang berbahaya atau berpotensi negatif | Cobalah |
Tabel responsif
Kelas .table-responsif membuat tabel responsif. Meja kemudian akan gulir horizontal pada perangkat kecil (di bawah 768px). Saat melihat pada apa pun lebih besar dari 768px lebar, tidak ada perbedaan: