Bagaimana untuk mengalih keluar Padding dan Margin daripada Bootstrap 3 Columns?

Cara mengalih keluar padding daripada lajur Bootstrap 3

Dalam Bootstrap 3, menggunakan kelas col-md-* menambah padding dan margin di sebelah kanan dan kiri lajur. Untuk mengalih keluar pelapik dan margin ini, ikut langkah berikut:

Gunakan .row dan bukannya .col-md-12

Balut lajur anda dalam bekas .row dan bukannya bekas .col-md-12. .row tidak mempunyai jidar dan padding tambahan yang dimiliki oleh .col-md-12.

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

Tambah kelas tersuai untuk mengalih keluar padding dan margin

Jika anda mahu mengalih keluar pelapik dan jidar hanya untuk lajur tertentu, tambahkan kelas tersuai pada lajur tersebut.

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

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

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