in English
Lehetőségek
Gyorsan testreszabhatja a Bootstrapet a beépített változókkal, hogy könnyen váltson a globális CSS-beállítások között a stílus és a viselkedés szabályozásához.
Testreszabhatja a Bootstrapet a beépített egyéni változófájlunkkal, és könnyedén válthat a globális CSS-beállítások között az új $enable-*Sass-változókkal. Írja felül a változó értékét, és npm run testszükség szerint fordítsa újra.
Ezeket a változókat megtalálhatja és testreszabhatja a kulcsfontosságú globális beállításokhoz a Bootstrap scss/_variables.scssfájljában.
| Változó | Értékek | Leírás |
|---|---|---|
$spacer |
1rem(alapértelmezett), vagy bármely 0-nál nagyobb érték |
Megadja az alapértelmezett spacer értéket a spacer segédprogramok programozott létrehozásához . |
$enable-rounded |
true(alapértelmezett) vagyfalse |
Lehetővé teszi az előre definiált border-radiusstílusokat a különböző összetevőknél. |
$enable-shadows |
truevagy false(alapértelmezett) |
Lehetővé teszi az előre meghatározott dekorációs box-shadowstílusokat a különböző alkatrészeken. Nem befolyásolja box-shadowa fókuszállapotokhoz használt s-t. |
$enable-gradients |
truevagy false(alapértelmezett) |
Lehetővé teszi az előre meghatározott színátmeneteket background-imagea különböző összetevők stílusain keresztül. |
$enable-transitions |
true(alapértelmezett) vagyfalse |
Lehetővé teszi az előre definiált transitions-eket a különböző komponenseken. |
$enable-reduced-motion |
true(alapértelmezett) vagyfalse |
Engedélyezi a prefers-reduced-motionmédialekérdezést , amely elnyom bizonyos animációkat/átmeneteket a felhasználók böngészőjének/operációs rendszerének beállításai alapján. |
$enable-grid-classes |
true(alapértelmezett) vagyfalse |
Lehetővé teszi CSS osztályok generálását a grid rendszerhez (pl .row. , .col-md-1, stb.). |
$enable-container-classes |
true(alapértelmezett) vagyfalse |
Lehetővé teszi CSS-osztályok létrehozását az elrendezési tárolókhoz. (Új az 5.2.0-s verzióban) |
$enable-caret |
true(alapértelmezett) vagyfalse |
Engedélyezi a pszeudoelem caret on .dropdown-toggle. |
$enable-button-pointers |
true(alapértelmezett) vagyfalse |
Adja hozzá a „kéz” kurzort a nem letiltott gombelemekhez. |
$enable-rfs |
true(alapértelmezett) vagyfalse |
Globálisan engedélyezi az RFS-t . |
$enable-validation-icons |
true(alapértelmezett) vagyfalse |
Engedélyezi background-imageaz ikonokat a szöveges bevitelekben és néhány egyéni űrlapon az érvényesítési állapotokhoz. |
$enable-negative-margins |
truevagy false(alapértelmezett) |
Lehetővé teszi a negatív árrés segédprogramok létrehozását . |
$enable-deprecation-messages |
true(alapértelmezett) vagyfalse |
Állítsa értékre, falsehogy elrejtse a figyelmeztetéseket, ha olyan elavult keverőket és funkciókat használ, amelyeket eltávolítani tervez a -ból v6. |
$enable-important-utilities |
true(alapértelmezett) vagyfalse |
Engedélyezi az !importantutótag használatát a segédprogramosztályokban. |
$enable-smooth-scroll |
true(alapértelmezett) vagyfalse |
Globálisan scroll-behavior: smoothérvényes, kivéve azokat a felhasználókat, akik csökkentett mozgást kérnek médialekérdezés prefers-reduced-motionrévén |