Bagaimana untuk Menghapuskan Padding Tambahan dalam Bootstrap 3 Lajur?

Cara Mengalih Keluar Padding dalam Bootstrap 3

Isu yang dihadapi melibatkan mengalih keluar padding kanan dan kiri lajur col-md-* dalam Bootstrap 3. Kod HTML yang disediakan mengandungi dua lajur bersarang, tetapi hasilnya termasuk jarak tambahan pada sisi lajur.

Output yang Diingini

Matlamatnya adalah untuk menghapuskan ruang tambahan dan meletakkan lajur bersebelahan antara satu sama lain.

Penyelesaian

Masalah timbul daripada menggunakan .col-md-12 sebagai bekas induk untuk lajur. .col-md-12 pada asasnya ialah lajur, bukan baris, dan dengan itu mewarisi jidar dan pelapiknya sendiri. Untuk membetulkannya, adalah penting untuk membalut lajur dalam kelas .row, seperti yang dilihat di bawah:

<div class="container">
    <div class="row">
        <h2>

Pilihan Tambahan

Jika hasil yang diinginkan adalah untuk hapuskan semua jidar dan pelapik, tambahkan kelas untuk menulis ganti gaya ini untuk lajur anak:

.nopadding {
padding: 0 !important;
margin: 0 !important;
}

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Padding Tambahan dalam Bootstrap 3 Lajur?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!