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 |