tutorial pengembangan web terbaru
 

Bootstrap CSS Referensi Tabel


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

Contoh

<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>
Cobalah sendiri "