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><p><strong>Output yang Diingini:</strong></p>
<p>Alih keluar pelapik atau jidar tambahan pada sisi dua lajur tanpa melumpuhkan col-md-* kelas.</p>
<p><strong>Penyelesaian:</strong></p>
<p>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.</p>
<p><strong>Kod HTML yang dikemas kini:</strong></p>
<pre class="brush:php;toolbar:false"><div class="container">
    <div class="row">
        <h2>OntoExplorer.<span><p><strong>CSS tersuai:</strong></p>
<p>Untuk menghapuskan padding atau margin sepenuhnya, kelas CSS tersuai yang dipanggil .nopadding boleh ditambah untuk mengalih keluar sifat ini:</p>
<pre class="brush:php;toolbar:false">.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}