in English
Seçenekler
Stil ve davranışı denetlemek için genel CSS tercihlerini kolayca değiştirmek için Bootstrap'i yerleşik değişkenlerle hızla özelleştirin.
Bootstrap'i yerleşik özel değişkenler dosyamızla özelleştirin ve global CSS tercihlerini yeni $enable-*Sass değişkenleriyle kolayca değiştirin. Bir değişkenin değerini geçersiz kılın ve npm run testgerektiğinde yeniden derleyin.
scss/_variables.scssBootstrap dosyasında temel global seçenekler için bu değişkenleri bulabilir ve özelleştirebilirsiniz .
| Değişken | değerler | Tanım |
|---|---|---|
$spacer |
1rem(varsayılan) veya herhangi bir değer > 0 |
Aralayıcı yardımcı programlarımızı programlı olarak oluşturmak için varsayılan aralayıcı değerini belirtir . |
$enable-rounded |
true(varsayılan) veyafalse |
border-radiusÇeşitli bileşenlerde önceden tanımlanmış stilleri etkinleştirir . |
$enable-shadows |
trueveya false(varsayılan) |
box-shadowÇeşitli bileşenlerde önceden tanımlanmış dekoratif stilleri etkinleştirir . box-shadowOdak durumları için kullanılanları etkilemez . |
$enable-gradients |
trueveya false(varsayılan) |
background-imageÇeşitli bileşenlerde stiller aracılığıyla önceden tanımlanmış degradeleri etkinleştirir . |
$enable-transitions |
true(varsayılan) veyafalse |
transitionÇeşitli bileşenlerde önceden tanımlanmış s'leri etkinleştirir . |
$enable-reduced-motion |
true(varsayılan) veyafalse |
Kullanıcıların tarayıcı/işletim sistemi tercihlerine göre belirli animasyonları/geçişleri bastıran prefers-reduced-motionmedya sorgusunu etkinleştirir . |
$enable-grid-classes |
true(varsayılan) veyafalse |
Izgara sistemi için CSS sınıflarının oluşturulmasını sağlar (örn . .row, .col-md-1, vb.). |
$enable-caret |
true(varsayılan) veyafalse |
üzerinde sözde öğe düzeltmesini etkinleştirir .dropdown-toggle. |
$enable-button-pointers |
true(varsayılan) veyafalse |
Devre dışı bırakılmamış düğme öğelerine "el" imleci ekleyin. |
$enable-rfs |
true(varsayılan) veyafalse |
Genel olarak RFS'yi etkinleştirir . |
$enable-validation-icons |
true(varsayılan) veyafalse |
background-imageMetin girişleri içindeki simgeleri ve doğrulama durumları için bazı özel formları etkinleştirir . |
$enable-negative-margins |
trueveya false(varsayılan) |
Negatif kenar boşluğu yardımcı programlarının oluşturulmasını sağlar . |
$enable-deprecation-messages |
true(varsayılan) veyafalse |
falseiçinde kaldırılması planlanan kullanımdan kaldırılmış karışımlardan ve işlevlerden herhangi birini kullanırken uyarıları gizlemek için ayarlayın v6. |
$enable-important-utilities |
true(varsayılan) veyafalse |
!importantYardımcı program sınıflarında son eki etkinleştirir . |
$enable-smooth-scroll |
true(varsayılan) veyafalse |
Medya sorgususcroll-behavior: smooth yoluyla azaltılmış hareket isteyen kullanıcılar dışında küresel olarak geçerlidirprefers-reduced-motion |