Bagaimana untuk Menetapkan Lebar Tetap untuk Elemen dalam Bootstrap?

Cara Menetapkan Lebar Tetap untuk dalam Bootstrap

Apabila bekerja dengan elemen data jadual () dalam jadual HTML, mungkin timbul keperluan untuk menentukan lebar tetap untuk elemen ini bagi memastikan penjajaran dan kebolehbacaan yang konsisten. Artikel ini akan membimbing anda melalui pelbagai kaedah untuk mencapai ini bergantung pada versi Bootstrap yang anda gunakan.

Bootstrap 4.0

Untuk Bootstrap 4.0.0, penggunaan kelas col-* untuk menetapkan lebar elemen tidak boleh dipercayai. Sebaliknya, anda boleh menggunakan pendekatan berikut:

<tr>
  <th>

Bootstrap 3.0

Dalam Bootstrap 3.0, anda boleh menggunakan kelas "col-md-*" untuk menetapkan lebar tetap kepada < ;td> elemen dalam baris jadual:

<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" berfungsi sama dengan tujuan "col-md-" dalam Bootstrap 3.0:

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

Penting Pertimbangan

Adalah penting untuk ambil perhatian bahawa jika elemen mengandungi elemen (pengepala jadual), lebar hendaklah dinyatakan padanya dan bukannya elemen untuk memastikan penjajaran yang betul.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Lebar Tetap untuk Elemen dalam Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!