Fara í aðalefni Farðu í skjalaleiðsögn
in English

Sérsníða

Lærðu hvernig á að þema, sérsníða og útvíkka Bootstrap með Sass, bátsfyllingu af alþjóðlegum valkostum, víðfeðmt litakerfi og fleira.

Sass Notaðu Sass frumskrána okkar til að nýta þér breytur, kort, blöndun og aðgerðir.
Valmöguleikar Sérsníddu Bootstrap með innbyggðum breytum til að skipta auðveldlega um alþjóðlegar CSS-stillingar.
Litur Lærðu um og sérsníddu litakerfin sem styðja allt verkfærakistuna.
Íhlutir Lærðu hvernig við smíðum næstum alla íhluti okkar á móttækilegan hátt og með grunn- og breytingaflokkum.
CSS breytur Notaðu CSS sérsniðna eiginleika Bootstrap fyrir hraðvirka og framsýna hönnun og þróun.
Hagræða Haltu verkefnum þínum þunnt, móttækilegt og viðhaldshæft svo þú getir skilað bestu upplifuninni.

Yfirlit

Það eru margar leiðir til að sérsníða Bootstrap. Besta leiðin þín getur verið háð verkefninu þínu, flóknu byggingarverkfærunum þínum, útgáfunni af Bootstrap sem þú notar, vafrastuðningi og fleira.

Tvær ákjósanlegar aðferðir okkar eru:

  1. Notaðu Bootstrap í gegnum pakkastjórann svo þú getir notað og framlengt frumskrárnar okkar.
  2. Notaðu samsettar dreifingarskrár Bootstrap eða jsDelivr svo þú getir bætt við eða hnekkt stílum Bootstrap.

Þó að við getum ekki farið í smáatriði hér um hvernig á að nota hvern pakkastjóra, getum við gefið nokkrar leiðbeiningar um notkun Bootstrap með þínum eigin Sass þýðanda .

Fyrir þá sem vilja nota dreifingarskrárnar, skoðaðu upphafssíðuna til að sjá hvernig á að innihalda þessar skrár og dæmi um HTML síðu. Þaðan skaltu skoða skjölin fyrir skipulag, íhluti og hegðun sem þú vilt nota.

Þegar þú kynnir þér Bootstrap skaltu halda áfram að skoða þennan hluta til að fá frekari upplýsingar um hvernig á að nýta alþjóðlega valkosti okkar, nýta og breyta litakerfinu okkar, hvernig við smíðum íhlutina okkar, hvernig á að nota vaxandi lista okkar yfir sérsniðna CSS eiginleika og hvernig til að fínstilla kóðann þinn þegar þú byggir með Bootstrap.

CSP og innbyggð SVG

Nokkrir Bootstrap íhlutir innihalda innbyggða SVG í CSS okkar til að stilla íhluti stöðugt og auðveldlega í vöfrum og tækjum. Fyrir stofnanir með strangari CSP stillingar höfum við skráð öll tilvik af innbyggðum SVG skjölum okkar (sem öll eru notuð í gegnum background-image) svo þú getir farið betur yfir valkostina þína.

Byggt á samræðum samfélagsins , eru nokkrir möguleikar til að taka á þessu í þínum eigin kóðagrunni að skipta út vefslóðum fyrir staðbundnar eignir, fjarlægja myndirnar og nota innbyggðar myndir (ekki mögulegt í öllum hlutum) og breyta CSP þínum. Tilmæli okkar eru að fara vandlega yfir eigin öryggisstefnu og ákveða bestu leiðina fram á við, ef þörf krefur.