Bagaimana untuk Menambah Jarak Menegak Antara Baris dalam Bootstrap Tanpa Mengubah Suai Kelas Baris?

Menambahkan Jarak Menegak Antara Baris dalam Twitter Bootstrap

Kelas baris Bootstrap adalah penting untuk struktur halaman. Walau bagaimanapun, dalam situasi di mana anda memerlukan margin atas tambahan antara baris, adalah tidak bijak untuk mengubah suai kelas baris itu sendiri.

Penyelesaian: Cipta Kelas Tersuai

Sebaliknya, buat kelas tersuai, seperti "top-buffer," untuk mencapai kesan ini. Pendekatan ini mengelak daripada mengganggu rangka kerja Bootstrap teras dan membenarkan fleksibiliti dalam menambah margin atas hanya jika perlu.

Pengisytiharan CSS:

<code class="css">.top-buffer {
  margin-top: 20px;
}</code>

Pelaksanaan HTML :

Gunakan kelas "top-buffer" pada baris khusus yang memerlukan jarak jidar atas.

<code class="html"><div class="row top-buffer">...</div></code>

Penyelesaian ini menyediakan pendekatan yang lebih bersih dan lebih disasarkan untuk menambah jarak menegak antara baris sambil mengekalkan integriti sistem grid Bootstrap.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Jarak Menegak Antara Baris dalam Bootstrap Tanpa Mengubah Suai Kelas Baris?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!