Lumaktaw sa pangunahing nilalaman Lumaktaw sa docs navigation
Check
in English

I-customize

Matutunan kung paano mag-theme, mag-customize, at mag-extend ng Bootstrap sa Sass, isang boatload ng mga pandaigdigang opsyon, isang malawak na color system, at higit pa.

Sass Gamitin ang aming source na Sass file para samantalahin ang mga variable, mapa, mixin, at function.
Mga pagpipilian I-customize ang Bootstrap na may mga built-in na variable para madaling i-toggle ang mga global na kagustuhan sa CSS.
Kulay Matuto tungkol sa at i-customize ang mga color system na sumusuporta sa buong toolkit.
Mga bahagi Alamin kung paano namin binuo ang halos lahat ng aming mga bahagi nang tumutugon at may mga base at modifier na klase.
Mga variable ng CSS Gamitin ang CSS custom na katangian ng Bootstrap para sa mabilis at inaabangan na disenyo at pag-unlad.
I-optimize Panatilihing maayos, tumutugon, at mapanatili ang iyong mga proyekto upang maihatid mo ang pinakamahusay na karanasan.

Pangkalahatang-ideya

Mayroong maraming mga paraan upang i-customize ang Bootstrap. Ang iyong pinakamahusay na landas ay maaaring depende sa iyong proyekto, ang pagiging kumplikado ng iyong mga tool sa pagbuo, ang bersyon ng Bootstrap na iyong ginagamit, suporta sa browser, at higit pa.

Ang aming dalawang ginustong pamamaraan ay:

  1. Gamit ang Bootstrap sa pamamagitan ng manager ng package para magamit mo at mapalawak ang aming mga source file.
  2. Gamit ang pinagsama-samang mga file ng pamamahagi ng Bootstrap o jsDelivr para makapagdagdag ka o ma-override ang mga istilo ng Bootstrap.

Bagama't hindi kami makakapagbigay ng mga detalye dito kung paano gamitin ang bawat manager ng package, maaari kaming magbigay ng ilang gabay sa paggamit ng Bootstrap gamit ang sarili mong Sass compiler .

Para sa mga gustong gumamit ng mga file sa pamamahagi, suriin ang pahina ng pagsisimula para sa kung paano isama ang mga file na iyon at isang halimbawang HTML na pahina. Mula doon, kumonsulta sa mga doc para sa layout, mga bahagi, at pag-uugali na gusto mong gamitin.

Habang pamilyar ka sa Bootstrap, ipagpatuloy ang paggalugad sa seksyong ito para sa higit pang mga detalye sa kung paano gamitin ang aming mga pandaigdigang opsyon, paggamit at pagpapalit ng aming system ng kulay, kung paano namin binuo ang aming mga bahagi, kung paano gamitin ang aming lumalagong listahan ng mga custom na katangian ng CSS, at kung paano upang i-optimize ang iyong code kapag bumubuo gamit ang Bootstrap.

Mga CSP at naka-embed na SVG

Kasama sa ilang bahagi ng Bootstrap ang mga naka-embed na SVG sa aming CSS upang pantay-pantay at madali ang istilo ng mga bahagi sa mga browser at device. Para sa mga organisasyong may mas mahigpit na mga configuration ng CSP , naidokumento namin ang lahat ng pagkakataon ng aming mga naka-embed na SVG (na lahat ay inilapat sa pamamagitan ng background-image) upang mas masuri mo ang iyong mga opsyon.

Batay sa pag- uusap sa komunidad , ang ilang mga opsyon para sa pagtugon dito sa sarili mong codebase ay kinabibilangan ng pagpapalit sa mga URL ng mga lokal na naka-host na asset , pag-alis ng mga larawan at paggamit ng mga inline na larawan (hindi posible sa lahat ng bahagi), at pagbabago sa iyong CSP. Ang aming rekomendasyon ay maingat na suriin ang iyong sariling mga patakaran sa seguridad at magpasya sa pinakamahusay na landas pasulong, kung kinakailangan.