Sesuaikan
Ketahui cara untuk tema, menyesuaikan dan melanjutkan Bootstrap dengan Sass, bot pilihan global, sistem warna yang luas dan banyak lagi.
Gambaran keseluruhan
Terdapat pelbagai cara untuk menyesuaikan Bootstrap. Laluan terbaik anda boleh bergantung pada projek anda, kerumitan alat binaan anda, versi Bootstrap yang anda gunakan, sokongan penyemak imbas dan banyak lagi.
Dua kaedah pilihan kami ialah:
- Menggunakan Bootstrap melalui pengurus pakej supaya anda boleh menggunakan dan melanjutkan fail sumber kami.
- Menggunakan fail pengedaran terkumpul Bootstrap atau jsDelivr supaya anda boleh menambah atau mengatasi gaya Bootstrap.
Walaupun kami tidak dapat memberikan butiran di sini tentang cara menggunakan setiap pengurus pakej, kami boleh memberikan beberapa panduan tentang menggunakan Bootstrap dengan pengkompil Sass anda sendiri .
Bagi mereka yang ingin menggunakan fail pengedaran, semak halaman permulaan untuk cara memasukkan fail tersebut dan halaman HTML contoh. Dari situ, rujuk dokumen untuk reka letak, komponen dan gelagat yang anda ingin gunakan.
Semasa anda membiasakan diri dengan Bootstrap, teruskan meneroka bahagian ini untuk mendapatkan butiran lanjut tentang cara menggunakan pilihan global kami, menggunakan dan menukar sistem warna kami, cara kami membina komponen kami, cara menggunakan senarai sifat tersuai CSS kami yang semakin meningkat, dan cara untuk mengoptimumkan kod anda apabila membina dengan Bootstrap.
CSP dan SVG terbenam
Beberapa komponen Bootstrap menyertakan SVG terbenam dalam CSS kami untuk menggayakan komponen secara konsisten dan mudah merentas pelayar dan peranti. Untuk organisasi yang mempunyai konfigurasi CSP yang lebih ketat , kami telah mendokumenkan semua kejadian SVG terbenam kami (semuanya digunakan melalui background-image) supaya anda boleh menyemak pilihan anda dengan lebih teliti.
- Akordion
- Butang tutup (digunakan dalam makluman dan modal)
- Bentuk kotak semak dan butang radio
- Suis borang
- Ikon pengesahan borang
- Pilih menu
- Kawalan karusel
- Butang togol Navbar
Berdasarkan perbualan komuniti , beberapa pilihan untuk menangani perkara ini dalam pangkalan kod anda sendiri termasuk menggantikan URL dengan aset yang dihoskan secara setempat, mengalih keluar imej dan menggunakan imej sebaris (tidak mungkin dalam semua komponen) dan mengubah suai CSP anda. Syor kami adalah untuk menyemak dengan teliti dasar keselamatan anda sendiri dan memutuskan jalan terbaik ke hadapan, jika perlu.