Dalam artikel sebelumnya, saya memperkenalkan catatan studi Bootstrap3 (1) dan Sistem Grid Bootstrap3 Catatan Studi (2) dan tata letak catatan studi Bootstrap3 (2) dalam sistem grid.
Cukup gunakan kelas .table pada tag tabel untuk menggunakan gaya tabel default bootstrap
Jika latar belakang garis harus bergantian, Anda dapat mengaturnya seperti ini:
Salinan kode adalah sebagai berikut:
<able>
Jika Anda membutuhkan perbatasan, Anda dapat mengaturnya seperti ini:
Salinan kode adalah sebagai berikut:
<able>
Jika Anda ingin mouse pindah ke garis konten untuk memiliki efek responsif, Anda dapat mengaturnya seperti ini:
Salinan kode adalah sebagai berikut:
<able>
Jika Anda ingin tabel menjadi kompak dan menghemat ruang, Anda dapat mengaturnya seperti ini. Pedding sel akan dipotong menjadi 4px, dan padding default adalah 8px:
Salinan kode adalah sebagai berikut:
<able>
Anda juga dapat menambahkan gaya tertentu ke baris:
<tr> <tr> <tr> <tr> <tr>
Untuk menampilkan secara konsisten pada perangkat yang berbeda, Anda juga dapat menggunakan pengaturan responsif untuk tabel. Gunakan DIV untuk memodifikasinya di luar tabel, yang secara otomatis akan beradaptasi dengan perangkat kurang dari atau lebih besar dari 768px:
Salinan kode adalah sebagai berikut:
<div>
Bootstrap mendukung elemen tabel:
Di atas adalah pengetahuan yang relevan dari formulir Studi Bootstrap3 (III) yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu. Terima kasih banyak atas dukungan Anda ke situs web Wulin.com!