Bagaimana untuk Mengeluarkan Padding Berlebihan dalam Bootstrap 3 Lajur?

Mengalih keluar Padding daripada Bootstrap 3 Lajur

Masalah:

Dalam Bootstrap 3, terdapat padding atau margin yang berlebihan pada sebelah kanan dan kiri kelas col-md-*. Matlamatnya adalah untuk mengalih keluar ruang tambahan ini.

Kod HTML:

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

Output yang Diingini:

Alih keluar pelapik atau jidar tambahan pada sisi dua lajur tanpa melumpuhkan col-md-* kelas.

Penyelesaian:

Lazimnya, .row digunakan untuk membalut lajur dan bukannya .col-md-12. .Row tidak mempunyai jidar dan padding tambahan yang .col-md-12 ada dan turut menghapuskan ruang yang akan diperkenalkan oleh lajur dengan jidar kiri dan kanan negatif.

Kod HTML yang dikemas kini:

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

CSS tersuai:

Untuk menghapuskan padding atau margin sepenuhnya, kelas CSS tersuai yang dipanggil .nopadding boleh ditambah untuk mengalih keluar sifat ini:

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

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