Bagaimana untuk Menambah Ruang Menegak Antara Baris dalam Twitter Bootstrap Tanpa Mengubahsuai Kelas \"baris\"?

Menambah Ruang Menegak Antara Baris dalam Twitter Bootstrap

Menambah jidar atas pada elemen "baris" boleh meningkatkan daya tarikan visual halaman web anda. Walau bagaimanapun, mengedit terus kelas "baris" dalam rangka kerja Twitter Bootstrap adalah tidak digalakkan, kerana ia merupakan komponen penting dalam struktur halaman.

Untuk menangani perkara ini, pendekatan yang lebih sesuai melibatkan penciptaan kelas CSS baharu, seperti "top-buffer," yang menyediakan jidar yang diingini.

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

Dengan menggunakan kelas ini pada baris tertentu, anda boleh menambah jidar atas tanpa menjejaskan gelagat lalai elemen "baris". Sebagai contoh, jika anda ingin menambah jidar atas 20 piksel pada baris tertentu, hanya gunakan penanda berikut:

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

Kaedah ini membolehkan anda menambah jidar atas pada baris individu apabila perlu, meninggalkan kelas "baris" teras tidak diubah suai.

Atas ialah kandungan terperinci Bagaimana untuk Menambah Ruang Menegak Antara Baris dalam Twitter Bootstrap Tanpa Mengubahsuai Kelas \"baris\"?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!