Ngatur
Sinau carane tema, ngatur, lan ngluwihi Bootstrap karo Sass, boatload opsi global, sistem werna expansive, lan liyane.
Ringkesan
Ana macem-macem cara kanggo ngatur Bootstrap. Path sing paling apik bisa gumantung ing proyek sampeyan, kerumitan alat mbangun, versi Bootstrap sing sampeyan gunakake, dhukungan browser, lan liya-liyane.
Loro cara sing disenengi yaiku:
- Nggunakake Bootstrap liwat manager paket supaya sampeyan bisa nggunakake lan ngluwihi file sumber kita.
- Nggunakake file distribusi kompilasi Bootstrap utawa jsDelivr supaya sampeyan bisa nambah utawa ngilangi gaya Bootstrap.
Nalika kita ora bisa njlèntrèhaké ing kene carane nggunakake saben manager paket, kita bisa menehi sawetara panuntun dhumateng nggunakake Bootstrap karo compiler Sass dhewe .
Kanggo sing pengin nggunakake file distribusi, deleng kaca wiwitan babagan carane nyakup file kasebut lan conto kaca HTML. Saka ing kono, takon karo docs kanggo tata letak, komponen, lan prilaku sing pengin sampeyan gunakake.
Nalika sampeyan wis kenal karo Bootstrap, terusake njelajah bagean iki kanggo rincian liyane babagan cara nggunakake opsi global, nggunakake lan ngganti sistem warna, carane nggawe komponen, carane nggunakake dhaptar properti khusus CSS, lan carane kanggo ngoptimalake kode nalika mbangun nganggo Bootstrap.
CSPs lan SVGs ditempelake
Sawetara komponen Bootstrap kalebu SVG sing dipasang ing CSS kanggo nggawe komponen kanthi konsisten lan gampang ing browser lan piranti. Kanggo organisasi kanthi konfigurasi CSP sing luwih ketat , kita wis nyathet kabeh kedadeyan SVG sing disematake (kabeh diterapake liwat background-image
) supaya sampeyan bisa mriksa pilihan sampeyan kanthi luwih jero.
- Akordion
- Tombol tutup (digunakake ing tandha lan modal)
- Bentuk kothak centhang lan tombol radio
- Ngalih wangun
- Ikon validasi formulir
- Pilih menu
- Kontrol carousel
- Tombol ngalih Navbar
Adhedhasar obrolan komunitas , sawetara opsi kanggo ngatasi iki ing basis kode sampeyan kalebu ngganti URL karo aset sing di-host sacara lokal, mbusak gambar lan nggunakake gambar inline (ora bisa ing kabeh komponen), lan ngowahi CSP sampeyan. Rekomendasi kita yaiku mriksa kabijakan keamanan sampeyan kanthi ati-ati lan mutusake dalan sing paling apik, yen perlu.