Personalizoje
Mësoni se si të tematikoni, personalizoni dhe zgjeroni Bootstrap me Sass, një ngarkesë opsionesh globale, një sistem të gjerë ngjyrash dhe më shumë.
Vështrim i përgjithshëm
Ka shumë mënyra për të personalizuar Bootstrap. Rruga juaj më e mirë mund të varet nga projekti juaj, kompleksiteti i mjeteve tuaja të ndërtimit, versioni i Bootstrap që po përdorni, mbështetja e shfletuesit dhe më shumë.
Dy metodat tona të preferuara janë:
- Duke përdorur Bootstrap përmes menaxherit të paketave, në mënyrë që të mund të përdorni dhe zgjeroni skedarët tanë burimor.
- Përdorimi i skedarëve të përpiluar të shpërndarjes së Bootstrap ose jsDelivr në mënyrë që të mund të shtoni ose të anashkaloni stilet e Bootstrap.
Ndërsa ne nuk mund të hyjmë në detaje këtu se si të përdorim çdo menaxher pakete, ne mund të japim disa udhëzime për përdorimin e Bootstrap me përpiluesin tuaj Sass .
Për ata që duan të përdorin skedarët e shpërndarjes, rishikoni faqen e fillimit për mënyrën e përfshirjes së atyre skedarëve dhe një faqe shembulli HTML. Nga atje, konsultohuni me dokumentet për paraqitjen, përbërësit dhe sjelljet që dëshironi të përdorni.
Ndërsa njiheni me Bootstrap, vazhdoni të eksploroni këtë seksion për më shumë detaje se si të përdorim opsionet tona globale, duke përdorur dhe ndryshuar sistemin tonë të ngjyrave, si i ndërtojmë komponentët tanë, si të përdorim listën tonë në rritje të vetive të personalizuara CSS dhe si për të optimizuar kodin tuaj kur ndërtoni me Bootstrap.
CSP-të dhe SVG-të e integruara
Disa komponentë të Bootstrap përfshijnë SVG-të e integruara në CSS-në tonë për të stiluar komponentët në mënyrë të qëndrueshme dhe të lehtë nëpër shfletues dhe pajisje. Për organizatat me konfigurime më strikte të CSP -së , ne kemi dokumentuar të gjitha rastet e SVG-ve tona të integruara (të cilat të gjitha aplikohen nëpërmjet background-image
) në mënyrë që të mund të rishikoni më në detaje opsionet tuaja.
- Fizarmonikë
- Butoni i mbylljes (përdoret në sinjalizime dhe modale)
- Formoni kutitë e kontrollit dhe butonat e radios
- Çelësat e formës
- Ikonat e vërtetimit të formularit
- Zgjidhni menutë
- Kontrollet e karuselit
- Butonat e ndërrimit të shiritit të navigimit
Bazuar në bisedën në komunitet , disa opsione për adresimin e kësaj në bazën tuaj të kodeve përfshijnë zëvendësimin e URL-ve me asete të strehuara në nivel lokal, heqjen e imazheve dhe përdorimin e imazheve në linjë (nuk është e mundur në të gjithë komponentët) dhe modifikimin e CSP-së tuaj. Rekomandimi ynë është që të rishikoni me kujdes politikat tuaja të sigurisë dhe të vendosni për rrugën më të mirë përpara, nëse është e nevojshme.