Bagaimanakah saya boleh menetapkan lebar tetap untuk elemen dalam jadual HTML menggunakan Bootstrap?

Lebar Tetap untuk dalam Jadual HTML

Untuk mewujudkan lebar tetap bagi sel jadual () dalam HTML, pelbagai pendekatan boleh diambil, bergantung pada versi Bootstrap yang anda gunakan.

Bootstrap 4.0

Dalam Bootstrap 4.0, menggunakan col-* kelas sahaja (cth., col-md-3) tidak akan pasti menetapkan lebar tetap untuk elemen disebabkan oleh isu keserasian penyemak imbas. Sebaliknya, perkara berikut disyorkan:

<tr>
  <th>

Bootstrap 3.0

Dengan Bootstrap 3.0, lebar tetap boleh ditetapkan menggunakan kelas col-md-, dengan mewakili bilangan lajur lebar dikehendaki:

<tr>
  <td class="col-md-2">A</td>
  <td class="col-md-3">B</td>
  <td class="col-md-6">C</td>
  <td class="col-md-1">D</td>
</tr>

Bootstrap 2.0

Untuk Bootstrap 2.0, kelas span* hendaklah digunakan sebaliknya:

<tr>
  <td class="span2">A</td>
  <td class="span3">B</td>
  <td class="span6">C</td>
  <td class="span1">D</td>
</tr>

Nota Penting:

Apabila menggunakan teknik ini, jika elemen juga terdapat dalam jadual, adalah disyorkan untuk menetapkan lebar pada elemen dan bukannya elemen untuk memastikan konsistensi.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menetapkan lebar tetap untuk elemen dalam jadual HTML menggunakan Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!