Siirry pääsisältöön Siirry dokumenttien navigointiin
Check
in English

Mukauta

Opi teemoimaan, mukauttamaan ja laajentamaan Bootstrapia Sassin avulla, joka on laaja valikoima maailmanlaajuisia vaihtoehtoja, laaja värijärjestelmä ja paljon muuta.

Sass Käytä Sass-lähdetiedostojamme muuttujien, karttojen, mixinien ja funktioiden hyödyntämiseksi.
Vaihtoehdot Mukauta Bootstrap sisäänrakennetuilla muuttujilla, jotta voit helposti vaihtaa globaaleja CSS-asetuksia.
Väri Opi ja mukauta värijärjestelmiä, jotka tukevat koko työkalupakkia.
Komponentit Opi rakentamaan lähes kaikki komponenttimme responsiivisesti ja perus- ja muokkausluokkien avulla.
CSS-muuttujat Käytä Bootstrapin mukautettuja CSS-ominaisuuksia nopeaan ja tulevaisuuteen suuntautuvaan suunnitteluun ja kehittämiseen.
Optimoida Pidä projektisi ohuina, reagoivina ja ylläpidettävinä, jotta voit tarjota parhaan kokemuksen.

Yleiskatsaus

Bootstrapia voi mukauttaa useilla tavoilla. Paras polkusi voi riippua projektistasi, rakennustyökalujesi monimutkaisuudesta, käyttämästäsi Bootstrap-versiosta, selaimen tuesta ja muusta.

Kaksi suosituinta menetelmäämme ovat:

  1. Bootstrapin käyttäminen paketinhallinnan kautta, jotta voit käyttää ja laajentaa lähdetiedostojamme.
  2. Bootstrapin käännettyjen jakelutiedostojen tai jsDelivr -tiedostojen käyttäminen, jotta voit lisätä Bootstrapin tyylejä tai ohittaa ne.

Vaikka emme voikaan mennä tässä yksityiskohtiin jokaisen paketinhallinnan käytöstä, voimme antaa ohjeita Bootstrapin käyttämisestä oman Sass-kääntäjäsi kanssa .

Niille, jotka haluavat käyttää jakelutiedostoja, tutustu aloitussivulta näiden tiedostojen sisällyttämiseen ja HTML-esimerkkisivuun. Täältä löydät asiakirjoista haluamasi asettelun, komponentit ja toimintatavat.

Kun tutustut Bootstrapiin, jatka tämän osion tutkimista saadaksesi lisätietoja globaalien vaihtoehtojemme hyödyntämisestä, värijärjestelmän hyödyntämisestä ja muuttamisesta, komponenttien rakentamisesta, kasvavan mukautettujen CSS-ominaisuuksien luettelon käyttämisestä ja siitä, miten optimoidaksesi koodisi, kun rakennat Bootstrapilla.

CSP:t ja sulautetut SVG:t

Useat Bootstrap-komponentit sisältävät CSS:ään upotettuja SVG-tiedostoja, jotka tekevät komponenttien tyylistä johdonmukaisesti ja helposti kaikissa selaimissa ja laitteissa. Organisaatioille, joilla on tiukemmat CSP - määritykset , olemme dokumentoineet kaikki sulautettujen SVG-tiedostojemme esiintymät (joita kaikkia käytetään -palvelun kautta background-image), jotta voit tarkastella vaihtoehtojasi perusteellisemmin.

Yhteisön keskustelun perusteella joitakin vaihtoehtoja tämän ratkaisemiseksi omassa koodikannassasi ovat URL-osoitteiden korvaaminen paikallisesti isännöidyillä resursseilla , kuvien poistaminen ja upotettujen kuvien käyttäminen (ei mahdollista kaikissa osissa) ja CSP:n muokkaaminen. Suosittelemme, että tarkistat huolellisesti omat tietoturvapolitiikkasi ja päätät tarvittaessa parhaasta tiestä eteenpäin.