Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menambah Ruang Menegak Antara Baris dalam Twitter Bootstrap Tanpa Mengubahsuai Kelas \'baris\'?

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

Linda Hamilton
Lepaskan: 2024-10-30 09:18:27
asal
414 orang telah melayarinya

How to Add Vertical Space Between Rows in Twitter Bootstrap Without Modifying the

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan