Pereiti prie pagrindinio turinio Pereiti prie dokumentų naršymo
Check
in English

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.

Sass Pasinaudokite mūsų šaltinio Sass failais, kad galėtumėte pasinaudoti kintamaisiais, žemėlapiais, deriniais ir funkcijomis.
Galimybės Tinkinkite „Bootstrap“ naudodami integruotus kintamuosius, kad lengvai perjungtumėte visuotines CSS nuostatas.
Spalva Sužinokite apie spalvų sistemas, kurios palaiko visą įrankių rinkinį, ir tinkinkite jas.
Komponentai Sužinokite, kaip mes kuriame beveik visus savo komponentus reaguojant į bazines ir modifikavimo klases.
CSS kintamieji Naudokite Bootstrap CSS pasirinktines ypatybes, kad galėtumėte greitai ir perspektyviai kurti ir kurti.
Optimizuoti Laikykite savo projektus plonus, reaguojančius ir prižiūrimus, kad galėtumėte teikti geriausią patirtį.

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:

  1. Bootstrap naudojimas per paketų tvarkyklę , kad galėtumėte naudoti ir išplėsti mūsų šaltinio failus.
  2. 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.

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.