Bagaimana untuk Menambah Margin Teratas pada Baris dalam Twitter Bootstrap Tanpa Mengubahsuai Kelas \'baris\'?

Menambahkan Margin Teratas pada Baris dalam Twitter Bootstrap

Rangka kerja Twitter Bootstrap menyediakan cara yang mudah untuk mencipta reka letak responsif. Walau bagaimanapun, mungkin ada kalanya anda perlu menambah margin atas tambahan pada elemen baris. Walaupun tergoda untuk mengubah suai kelas "baris" sedia ada, ia tidak disyorkan kerana ini boleh menyebabkan konflik dengan penggayaan teras rangka kerja.

Penyelesaian:

Daripada mengubah suai kelas "baris", buat kelas baharu yang dipanggil "penampan atas" yang menambah jidar yang dikehendaki. Begini cara untuk melakukannya:

1. Dalam fail CSS anda, tambahkan kod berikut:

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

2. Gunakan kelas "top-buffer" pada elemen baris di mana anda ingin menambah jidar atas:

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

Dengan mencipta kelas berasingan, anda boleh menyasarkan baris tertentu sambil mengekalkan kelakuan lalai kelas "baris" untuk situasi lain. Pendekatan ini mengekalkan integriti rangka kerja Bootstrap sambil membenarkan anda menyesuaikan reka letak anda mengikut keperluan.

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