in English
ਵਿਕਲਪ
ਸ਼ੈਲੀ ਅਤੇ ਵਿਵਹਾਰ ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਨ ਲਈ ਗਲੋਬਲ CSS ਤਰਜੀਹਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਟੌਗਲ ਕਰਨ ਲਈ ਬਿਲਟ-ਇਨ ਵੇਰੀਏਬਲ ਦੇ ਨਾਲ ਬੂਟਸਟਰੈਪ ਨੂੰ ਤੁਰੰਤ ਅਨੁਕੂਲਿਤ ਕਰੋ।
ਸਾਡੀ ਬਿਲਟ-ਇਨ ਕਸਟਮ ਵੇਰੀਏਬਲ ਫਾਈਲ ਨਾਲ ਬੂਟਸਟਰੈਪ ਨੂੰ ਅਨੁਕੂਲਿਤ ਕਰੋ ਅਤੇ ਨਵੇਂ $enable-*Sass ਵੇਰੀਏਬਲਾਂ ਨਾਲ ਗਲੋਬਲ CSS ਤਰਜੀਹਾਂ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਟੌਗਲ ਕਰੋ। ਇੱਕ ਵੇਰੀਏਬਲ ਦੇ ਮੁੱਲ ਨੂੰ ਓਵਰਰਾਈਡ ਕਰੋ ਅਤੇ npm run testਲੋੜ ਅਨੁਸਾਰ ਦੁਬਾਰਾ ਕੰਪਾਇਲ ਕਰੋ।
scss/_variables.scssਤੁਸੀਂ ਬੂਟਸਟਰੈਪ ਦੀ ਫਾਈਲ ਵਿੱਚ ਮੁੱਖ ਗਲੋਬਲ ਵਿਕਲਪਾਂ ਲਈ ਇਹਨਾਂ ਵੇਰੀਏਬਲਾਂ ਨੂੰ ਲੱਭ ਅਤੇ ਅਨੁਕੂਲਿਤ ਕਰ ਸਕਦੇ ਹੋ ।
| ਵੇਰੀਏਬਲ | ਮੁੱਲ | ਵਰਣਨ |
|---|---|---|
$spacer |
1rem(ਡਿਫੌਲਟ), ਜਾਂ ਕੋਈ ਮੁੱਲ > 0 |
ਸਾਡੀਆਂ ਸਪੇਸਰ ਉਪਯੋਗਤਾਵਾਂ ਨੂੰ ਪ੍ਰੋਗ੍ਰਾਮਮੈਟਿਕ ਤੌਰ 'ਤੇ ਬਣਾਉਣ ਲਈ ਡਿਫੌਲਟ ਸਪੇਸਰ ਮੁੱਲ ਨੂੰ ਨਿਸ਼ਚਿਤ ਕਰਦਾ ਹੈ । |
$enable-rounded |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
border-radiusਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ 'ਤੇ ਪਹਿਲਾਂ ਤੋਂ ਪਰਿਭਾਸ਼ਿਤ ਸ਼ੈਲੀਆਂ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ। |
$enable-shadows |
trueਜਾਂ false(ਮੂਲ) |
box-shadowਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ 'ਤੇ ਪਹਿਲਾਂ ਤੋਂ ਪਰਿਭਾਸ਼ਿਤ ਸਜਾਵਟੀ ਸ਼ੈਲੀਆਂ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ। box-shadowਫੋਕਸ ਅਵਸਥਾਵਾਂ ਲਈ ਵਰਤੇ ਗਏ s ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਨਹੀਂ ਕਰਦਾ । |
$enable-gradients |
trueਜਾਂ false(ਮੂਲ) |
background-imageਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ 'ਤੇ ਸਟਾਈਲ ਰਾਹੀਂ ਪੂਰਵ-ਪ੍ਰਭਾਸ਼ਿਤ ਗਰੇਡੀਐਂਟ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ। |
$enable-transitions |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
transitionਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ 'ਤੇ ਪਹਿਲਾਂ ਤੋਂ ਪਰਿਭਾਸ਼ਿਤ s ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ। |
$enable-reduced-motion |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
prefers-reduced-motionਮੀਡੀਆ ਪੁੱਛਗਿੱਛ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ , ਜੋ ਉਪਭੋਗਤਾਵਾਂ ਦੇ ਬ੍ਰਾਊਜ਼ਰ/ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ ਤਰਜੀਹਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਕੁਝ ਐਨੀਮੇਸ਼ਨਾਂ/ਪਰਿਵਰਤਨ ਨੂੰ ਦਬਾਉਂਦੀ ਹੈ। |
$enable-grid-classes |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
.rowਗਰਿੱਡ ਸਿਸਟਮ (ਜਿਵੇਂ ਕਿ .col-md-1, ਆਦਿ) ਲਈ CSS ਕਲਾਸਾਂ ਦੇ ਨਿਰਮਾਣ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ । |
$enable-container-classes |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
ਲੇਆਉਟ ਕੰਟੇਨਰਾਂ ਲਈ CSS ਕਲਾਸਾਂ ਬਣਾਉਣ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ। (v5.2.0 ਵਿੱਚ ਨਵਾਂ) |
$enable-caret |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
'ਤੇ ਸੂਡੋ ਐਲੀਮੈਂਟ ਕੈਰੇਟ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ .dropdown-toggle। |
$enable-button-pointers |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
ਗੈਰ-ਅਯੋਗ ਬਟਨ ਤੱਤਾਂ ਵਿੱਚ "ਹੱਥ" ਕਰਸਰ ਸ਼ਾਮਲ ਕਰੋ। |
$enable-rfs |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ RFS ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ । |
$enable-validation-icons |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
background-imageਪ੍ਰਮਾਣਿਕਤਾ ਸਥਿਤੀਆਂ ਲਈ ਟੈਕਸਟੁਅਲ ਇਨਪੁਟਸ ਅਤੇ ਕੁਝ ਕਸਟਮ ਫਾਰਮਾਂ ਦੇ ਅੰਦਰ ਆਈਕਾਨਾਂ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ। |
$enable-negative-margins |
trueਜਾਂ false(ਮੂਲ) |
ਨਕਾਰਾਤਮਕ ਮਾਰਜਿਨ ਉਪਯੋਗਤਾਵਾਂ ਦੇ ਨਿਰਮਾਣ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ । |
$enable-deprecation-messages |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
ਕਿਸੇ ਵੀ ਬਰਤਰਫ਼ ਮਿਕਸਿਨ ਅਤੇ ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਸਮੇਂ ਚੇਤਾਵਨੀਆਂ ਨੂੰ ਲੁਕਾਉਣ ਲਈ ਸੈੱਟ ਕਰੋ falseਜੋ ਵਿੱਚ ਹਟਾਉਣ ਦੀ ਯੋਜਨਾ ਹੈ v6। |
$enable-important-utilities |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
!importantਉਪਯੋਗਤਾ ਕਲਾਸਾਂ ਵਿੱਚ ਪਿਛੇਤਰ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਂਦਾ ਹੈ । |
$enable-smooth-scroll |
true(ਡਿਫਾਲਟ) ਜਾਂfalse |
ਮੀਡੀਆ ਪੁੱਛਗਿੱਛscroll-behavior: smooth ਰਾਹੀਂ ਘੱਟ ਗਤੀ ਦੀ ਮੰਗ ਕਰਨ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਛੱਡ ਕੇ, ਵਿਸ਼ਵ ਪੱਧਰ 'ਤੇ ਲਾਗੂ ਹੁੰਦਾ ਹੈprefers-reduced-motion |