Bagaimana untuk Mengeluarkan Padding daripada Bootstrap 3 Columns?

Alih Keluar Padding daripada Elemen Lajur dalam Bootstrap 3

Masalah:

Dalam Bootstrap 3, anda ingin menghapuskan padding atau jidar di sekeliling elemen col-md-* untuk memastikan ia muat dengan lancar tanpa sebarang ruang tambahan pada kedua-duanya sebelah.

Kod HTML:

<div class="col-md-12">
    <h2>OntoExplorer.<span>

Penyelesaian 1: Gunakan Baris untuk Membungkus Lajur

Lazimnya, anda harus gunakan .row untuk mengelilingi berbilang lajur dan bukannya meletakkannya dalam satu .col-md-12. Dengan menggunakan .row, anda mengelakkan jidar dan pelapik yang tidak diperlukan yang diperkenalkan oleh lajur bersarang.

<div class="container">
    <div class="row">
        <h2>OntoExplorer.<span>

Penyelesaian 2: Tambah Penggayaan Tersuai

Jika penyelesaian pertama berjaya tidak mencukupi, anda boleh membuat kelas tersuai untuk mengeluarkan padding dan margin secara eksplisit.

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

<div class="container">
    <div class="row">
        <div class="col-md-4 nopadding">
            ...
        </div>

        <div class="col-md-8 nopadding">
            ...
        </div>
    </div>
</div>

Atas ialah kandungan terperinci Bagaimana untuk Mengeluarkan Padding daripada Bootstrap 3 Columns?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!