Bagaimana untuk Mengalih Keluar Padding dan Margin yang Tidak Diingini daripada Bootstrap 3 Lajur?

Mengalih keluar Padding daripada Lajur dalam Bootstrap 3

Apabila menggunakan sistem grid Bootstrap 3, adalah perkara biasa untuk menghadapi padding atau jidar tambahan di sekeliling lajur. Begini cara untuk mengalih keluarnya:

Dalam kod anda:

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

Anda telah membungkus dua lajur (col-md-4 dan col-md-8) di dalam col-md- 12 lajur. Secara lalai, col-md-12 menduduki keseluruhan baris, termasuk jidar dan pelapik, dan dengan itu memperkenalkan ruang tambahan yang tidak diingini.

Untuk membetulkannya, gunakan .row dan bukannya .col-md-12 sebagai bekas induk. Ini akan memastikan bahawa kedua-dua lajur dipaparkan sebelah-menyebelah tanpa sebarang padding atau margin yang tidak perlu:

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

Jika anda masih mahu mengalih keluar padding atau margin daripada lajur individu, anda boleh menambah CSS tersuai kelas seperti ini:

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

Kemudian, gunakan kelas ini pada lajur yang anda mahu alih keluar padding atau margin daripada:

<div class="col-md-4 nopadding">

Atas ialah kandungan terperinci Bagaimana untuk Mengalih Keluar Padding dan Margin yang Tidak Diingini daripada Bootstrap 3 Lajur?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!