Bagaimana untuk Menambah Jarak Antara Lajur Bootstrap?

Cara Memperkenalkan Jarak Antara Lajur Bootstrap

Dalam Bootstrap, penentuan lajur membolehkan penjajaran dan pengedaran kandungan yang mudah. Walau bagaimanapun, penjajaran lajur lalai secara langsung menyandingkan lajur, memakan keseluruhan ruang yang ada. Memperkenalkan jarak yang mencukupi antara lajur meningkatkan kebolehbacaan dan daya tarikan visual.

Untuk memperkenalkan jarak antara lajur, anda boleh menyusun lajur col-md-12 tambahan di dalam setiap lajur col-md-6. Ini mewujudkan bekas yang menambah jurang antara lajur luar dengan berkesan.

Kod Contoh:

<div class="row">
  <div class="col-md-6">
    <div class="col-md-12">
      Some Content...
    </div>
  </div>
  <div class="col-md-6">
    <div class="col-md-12">
      Some Second Content...
    </div>
  </div>
</div>

Struktur kod ini memastikan kedua-dua col-md-6 luar lajur mempunyai lajur col-md-12 bersarang, yang memperkenalkan ruang di antara lajur tersebut. Lajur col-md-12 berkesan mencipta jurang sambil mengekalkan pembahagian lebar asal dalam lajur luar.

Output:

[Imej output dengan jarak antara dua lajur]

Dengan melaksanakan kaedah ini, anda boleh menambah jarak antara lajur secara automatik tanpa menjejaskan saiz lajur asal.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Jarak Antara Lajur Bootstrap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!