Testreszab
Tanulja meg, hogyan témázhatja, testreszabhatja és bővítheti a Bootstrap programot a Sass segítségével, amely számos globális opció, kiterjedt színrendszer stb.
Áttekintés
A Bootstrap testreszabásának többféle módja van. A legjobb út a projekttől, az összeállítási eszközök összetettségétől, a Bootstrap használt verziójától, a böngésző támogatásától és egyebektől függhet.
Két előnyben részesített módszerünk a következő:
- A Bootstrap használata a csomagkezelőn keresztül, így használhatja és bővítheti forrásfájljainkat.
- A Bootstrap lefordított terjesztési fájljait vagy a jsDelivr -t használva hozzáadhat vagy felülírhat Bootstrap stílusokat.
Bár itt nem részletezhetjük, hogyan kell minden csomagkezelőt használni, adhatunk némi útmutatást a Bootstrap használatához saját Sass fordítójával .
Azok számára, akik szeretnék használni a terjesztési fájlokat, tekintse át a Kezdő lépések oldalt , ahol megtudhatja, hogyan veheti fel ezeket a fájlokat, valamint egy példa HTML-oldalt. Innentől kezdve tekintse meg a dokumentumokat a használni kívánt elrendezésről, összetevőkről és viselkedésekről.
Ahogy ismerkedik a Bootstrap programmal, folytassa ennek a szakasznak a felfedezését, ha többet szeretne megtudni arról, hogyan használhatjuk globális lehetőségeinket, hogyan használjuk és változtassuk meg színrendszerünket, hogyan építjük fel összetevőinket, hogyan használjuk az egyéni CSS-tulajdonságok növekvő listáját, és hogyan. hogy optimalizálja a kódot a Bootstrap használatával történő építés során.
CSP-k és beágyazott SVG-k
Számos Bootstrap-összetevő tartalmaz beágyazott SVG-ket a CSS-ben, hogy az összetevőket konzisztensen és egyszerűen stílusozzák a böngészők és eszközök között. A szigorúbb CSP - konfigurációkkal rendelkező szervezetek esetében dokumentáltuk a beágyazott SVG-ink összes példányát (melyek mindegyike a következőn keresztül kerül alkalmazásra background-image), így alaposabban áttekintheti a lehetőségeit.
- Harmonika
- Körhinta vezérlők
- Bezárás gomb (figyelmeztetéseknél és módozatoknál használatos)
- Űrlap-jelölőnégyzetek és rádiógombok
- Űrlapkapcsolók
- Űrlap érvényesítési ikonok
- Navigációs sáv váltógombjai
- Menük kiválasztása
A közösségi beszélgetések alapján néhány lehetőség ennek megoldására a saját kódbázisában: az URL-ek helyben tárolt elemekkel való helyettesítése , a képek eltávolítása és soron belüli képek használata (nem minden összetevőben lehetséges), valamint a CSP módosítása. Azt javasoljuk, hogy gondosan tekintse át saját biztonsági szabályzatát, és szükség esetén döntse el a legjobb utat.