Bagaimanakah Saya Menetapkan Lebar Lajur Tetap untuk Sel Jadual HTML (``) dalam Versi Bootstrap Berbeza?

Menentukan Lebar Lajur Jadual HTML <td> Elemen

Untuk menetapkan lebar tetap untuk sel data jadual (<td> elemen) menggunakan CSS, adalah penting untuk memahami versi Bootstrap yang digunakan.

< ;h3>Bootstrap 4.0 dan Nanti

Untuk Bootstrap 4.0 dan versi seterusnya, tidak disyorkan untuk bergantung pada kelas col-* untuk mengawal lebar lajur kerana ketidakkonsistenan merentas penyemak imbas. Sebaliknya, pendekatan berikut disyorkan:

<tr><br> <th> <th style="width: 25%">Col 2</th><br> <th> <th style="width: 8.33%">Col 5</th><br></tr><br>

Bootstrap 3.0

Dalam Bootstrap 3.0 -md- kelas harus digunakan, dengan mewakili lebar lajur yang diingini dalam pembahagian 12. Contohnya:

<td>

Bootstrap 2.0

Untuk Bootstrap 2.0, kelas span digunakan untuk mengawal lebar lajur, dengan menunjukkan bilangan lajur yang dikehendaki. Contohnya:

<td>

Adalah penting untuk ambil perhatian bahawa lebar hendaklah ditetapkan pada elemen dan bukannya <td> elemen jika elemen hadir dalam baris.

Atas ialah kandungan terperinci Bagaimanakah Saya Menetapkan Lebar Lajur Tetap untuk Sel Jadual HTML (``) dalam Versi Bootstrap Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!