Bagaimana untuk Memohon Gaya CSS Bootstrap Secara Selektif?

Menggunakan Gaya CSS Bootstrap Secara Selektif

Pernyataan Masalah:

Bagaimanakah gaya CSS daripada rangka kerja Twitter Bootstrap boleh digunakan sahaja ke bahagian tertentu tapak web, sambil meninggalkan elemen lain tidak terjejas?

Penyelesaian dengan Kurang:

Bootstrap 3 boleh disesuaikan dengan mudah menggunakan Less, bahasa lembaran gaya dinamik. Langkah berikut menggariskan cara untuk menggunakan gaya Bootstrap secara selektif:

1. Muat turun kod sumber Bootstrap.
2. Buat fail .less (cth., style.less) dengan kandungan berikut:

.bootstrap {
    @import "/path-to-bootstrap-less.less";
    @import "/path-to-bootstrap-responsive-less.less";
}

3. Kompilasi fail .less menggunakan Less atau Node.js (npm).

Awalan CSS Tersuai (Jika Kurang Tidak Tersedia):

Jika Kurang bukan pilihan, adalah mungkin untuk mengekstrak dan ubah suai gaya CSS. Walau bagaimanapun, proses ini boleh memakan masa dan terdedah kepada ralat. Alat percuma seperti CSS Prepend boleh digunakan untuk menambah awalan tersuai secara automatik (cth., .bootstrap) pada semua peraturan CSS, membenarkan aplikasi terpilih.

Atas ialah kandungan terperinci Bagaimana untuk Memohon Gaya CSS Bootstrap Secara Selektif?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!