in English
Vaihtoehdot
Mukauta Bootstrapia nopeasti sisäänrakennetuilla muuttujilla, joiden avulla voit helposti vaihtaa globaaleja CSS-asetuksia tyylin ja käyttäytymisen hallitsemiseksi.
Mukauta Bootstrapia sisäänrakennetun mukautetun muuttujatiedoston avulla ja vaihda globaaleja CSS-asetuksia helposti uusilla $enable-*
Sass-muuttujilla. Ohita muuttujan arvo ja käännä uudelleen npm run test
tarvittaessa.
Voit etsiä ja mukauttaa nämä muuttujat tärkeimmille yleisille asetuksille Bootstrap- scss/_variables.scss
tiedostosta.
Muuttuva | Arvot | Kuvaus |
---|---|---|
$spacer |
1rem (oletus) tai mikä tahansa arvo > 0 |
Määrittää oletusarvoisen spacerin arvon, jonka avulla ohjelmallisesti luodaan spacer-apuohjelmamme . |
$enable-rounded |
true (oletus) taifalse |
Ottaa käyttöön ennalta määritetyt border-radius tyylit eri komponenteissa. |
$enable-shadows |
true tai false (oletus) |
Mahdollistaa ennalta määritetyt koristetyylit box-shadow eri komponenteissa. Ei vaikuta box-shadow tarkennustiloissa käytettävään s-tilaan. |
$enable-gradients |
true tai false (oletus) |
Ottaa käyttöön ennalta määritetyt liukuvärit background-image eri komponenttien tyylien kautta. |
$enable-transitions |
true (oletus) taifalse |
Ottaa käyttöön ennalta määritetyt transition s-toiminnot eri komponenteissa. |
$enable-reduced-motion |
true (oletus) taifalse |
Ottaa käyttöön prefers-reduced-motion mediakyselyn , joka estää tietyt animaatiot/siirtymät käyttäjien selaimen/käyttöjärjestelmän asetusten perusteella. |
$enable-grid-classes |
true (oletus) taifalse |
Mahdollistaa CSS-luokkien luomisen ruudukkojärjestelmälle (esim .row . , .col-md-1 , jne.). |
$enable-caret |
true (oletus) taifalse |
Ottaa käyttöön pseudoelementin caret on .dropdown-toggle . |
$enable-button-pointers |
true (oletus) taifalse |
Lisää "käsi"-kohdistin ei-poistettuihin painikeelementteihin. |
$enable-rfs |
true (oletus) taifalse |
Mahdollistaa maailmanlaajuisesti RFS:n . |
$enable-validation-icons |
true (oletus) taifalse |
Ottaa käyttöön background-image kuvakkeet tekstisyötteissä ja joissakin mukautetuissa lomakkeissa vahvistustiloissa. |
$enable-negative-margins |
true tai false (oletus) |
Mahdollistaa negatiivisen marginaalin apuohjelmien luomisen . |
$enable-deprecation-messages |
true (oletus) taifalse |
Aseta arvoksi false piilottaaksesi varoitukset käytettäessä mitä tahansa vanhentuneita mixinejä ja toimintoja, jotka aiotaan poistaa sovelluksessa v6 . |
$enable-important-utilities |
true (oletus) taifalse |
Ottaa !important päätteen käyttöön hyödyllisyysluokissa. |
$enable-smooth-scroll |
true (oletus) taifalse |
Koskee scroll-behavior: smooth maailmanlaajuisesti, paitsi käyttäjiä, jotka pyytävät liikkeiden vähentämistä mediakyselyn prefers-reduced-motion kautta |