Pritaikyti
Sužinokite, kaip sukurti temą, tinkinti ir išplėsti „Bootstrap“ naudodami „Sass“, daugybę pasaulinių parinkčių, plačią spalvų sistemą ir dar daugiau.
Apžvalga
Yra keli būdai, kaip tinkinti „Bootstrap“. Geriausias kelias gali priklausyti nuo jūsų projekto, kūrimo įrankių sudėtingumo, naudojamos „Bootstrap“ versijos, naršyklės palaikymo ir kt.
Du pageidaujami metodai yra šie:
- Bootstrap naudojimas per paketų tvarkyklę , kad galėtumėte naudoti ir išplėsti mūsų šaltinio failus.
- Naudodami „Bootstrap“ sukompiliuotus platinimo failus arba „jsDelivr“ , kad galėtumėte pridėti arba nepaisyti „Bootstrap“ stilių.
Nors čia negalime detalizuoti, kaip naudoti kiekvieną paketų tvarkyklę, galime duoti tam tikrų nurodymų, kaip naudoti Bootstrap su savo Sass kompiliatoriumi .
Tiems, kurie nori naudoti platinimo failus, peržiūrėkite pradžios puslapį , kaip įtraukti tuos failus, ir HTML puslapio pavyzdį. Iš ten ieškokite dokumentų dėl išdėstymo, komponentų ir veikimo būdų, kuriuos norėtumėte naudoti.
Susipažindami su „Bootstrap“, toliau naršykite šį skyrių, kad gautumėte daugiau informacijos apie tai, kaip panaudoti pasaulines parinktis, naudoti ir keisti spalvų sistemą, kaip kuriame komponentus, kaip naudoti augantį CSS tinkintų ypatybių sąrašą ir kaip optimizuoti savo kodą kuriant naudojant „Bootstrap“.
CSP ir įterptieji SVG
Kai kurie „Bootstrap“ komponentai apima įterptus SVG į mūsų CSS, kad komponentai būtų nuosekliai ir lengvai formuojami visose naršyklėse ir įrenginiuose. Organizacijoms, turinčioms griežtesnes CSP konfigūracijas , dokumentavome visus įterptųjų SVG atvejus (visi jie taikomi per background-image
), kad galėtumėte nuodugniau peržiūrėti savo parinktis.
- Akordeonas
- Karuselės valdikliai
- Uždaryti mygtukas (naudojamas įspėjimuose ir modaluose)
- Formos žymimieji laukeliai ir radijo mygtukai
- Formos jungikliai
- Formos patvirtinimo piktogramos
- Navigacijos juostos perjungimo mygtukai
- Pasirinkite meniu
Remiantis bendruomenės pokalbiais , kai kurios parinktys, kaip tai išspręsti savo kodų bazėje, apima URL pakeitimą vietoje priglobtais ištekliais , vaizdų pašalinimą ir tiesioginių vaizdų naudojimą (ne visuose komponentuose) ir CSP modifikavimą. Rekomenduojame atidžiai peržvelgti savo saugumo politiką ir, jei reikia, nuspręsti, kaip elgtis toliau.