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 test
szü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.scss
fá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-radius stílusokat a különböző összetevőknél. |
$enable-shadows |
true vagy false (alapértelmezett) |
Lehetővé teszi az előre meghatározott dekorációs box-shadow stílusokat a különböző alkatrészeken. Nem befolyásolja box-shadow a fókuszállapotokhoz használt s-t. |
$enable-gradients |
true vagy false (alapértelmezett) |
Lehetővé teszi az előre meghatározott színátmeneteket background-image a különböző összetevők stílusain keresztül. |
$enable-transitions |
true (alapértelmezett) vagyfalse |
Lehetővé teszi az előre definiált transition s-eket a különböző komponenseken. |
$enable-reduced-motion |
true (alapértelmezett) vagyfalse |
Engedélyezi a prefers-reduced-motion médialekérdezést , amely a felhasználók böngészőjének/operációs rendszerének beállításai alapján letilt bizonyos animációkat/átmeneteket. |
$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-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-image az ikonokat a szöveges bevitelekben és néhány egyéni űrlapon az érvényesítési állapotokhoz. |
$enable-negative-margins |
true vagy false (alapértelmezett) |
Lehetővé teszi a negatív árrés segédprogramok generálását . |
$enable-deprecation-messages |
true (alapértelmezett) vagyfalse |
Állítsa értékre, false hogy elrejtse a figyelmeztetéseket, ha olyan elavult keverőket és funkciókat használ, amelyek eltávolítását tervezik a -ban v6 . |
$enable-important-utilities |
true (alapértelmezett) vagyfalse |
Engedélyezi az !important utó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 a médialekérdezés prefers-reduced-motion révén |