ਮੁੱਖ ਸਮੱਗਰੀ ਤੇ ਜਾਓ ਡੌਕਸ ਨੈਵੀਗੇਸ਼ਨ 'ਤੇ ਜਾਓ
Check
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