ਰੰਗ
ਮੁੱਠੀ ਭਰ ਰੰਗ ਉਪਯੋਗਤਾ ਕਲਾਸਾਂ ਦੇ ਨਾਲ ਰੰਗ ਦੁਆਰਾ ਅਰਥ ਵਿਅਕਤ ਕਰੋ। ਹੋਵਰ ਸਟੇਟਸ ਦੇ ਨਾਲ ਸਟਾਈਲਿੰਗ ਲਿੰਕਾਂ ਲਈ ਸਮਰਥਨ ਵੀ ਸ਼ਾਮਲ ਹੈ।
ਵਿਸ਼ੇਸ਼ਤਾ ਨਾਲ ਨਜਿੱਠਣਾ
ਕਈ ਵਾਰ ਕਿਸੇ ਹੋਰ ਚੋਣਕਾਰ ਦੀ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਕਾਰਨ ਪ੍ਰਸੰਗਿਕ ਕਲਾਸਾਂ ਨੂੰ ਲਾਗੂ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। <div>
ਕੁਝ ਮਾਮਲਿਆਂ ਵਿੱਚ, ਤੁਹਾਡੇ ਤੱਤ ਦੀ ਸਮੱਗਰੀ ਨੂੰ ਕਲਾਸ ਦੇ ਨਾਲ ਇੱਕ ਵਿੱਚ ਸਮੇਟਣਾ ਇੱਕ ਕਾਫ਼ੀ ਹੱਲ ਹੈ ।
ਸਹਾਇਕ ਤਕਨਾਲੋਜੀਆਂ ਨੂੰ ਅਰਥ ਪ੍ਰਦਾਨ ਕਰਨਾ
ਅਰਥ ਜੋੜਨ ਲਈ ਰੰਗ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਕੇਵਲ ਇੱਕ ਵਿਜ਼ੂਅਲ ਸੰਕੇਤ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਜੋ ਸਹਾਇਕ ਤਕਨੀਕਾਂ - ਜਿਵੇਂ ਕਿ ਸਕ੍ਰੀਨ ਰੀਡਰਾਂ ਦੇ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਨਹੀਂ ਦਿੱਤਾ ਜਾਵੇਗਾ। ਇਹ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ ਕਿ ਰੰਗ ਦੁਆਰਾ ਦਰਸਾਈ ਗਈ ਜਾਣਕਾਰੀ ਜਾਂ ਤਾਂ ਸਮੱਗਰੀ ਤੋਂ ਹੀ ਸਪੱਸ਼ਟ ਹੈ (ਜਿਵੇਂ ਕਿ ਦਿਖਣਯੋਗ ਟੈਕਸਟ), ਜਾਂ ਵਿਕਲਪਕ ਸਾਧਨਾਂ ਦੁਆਰਾ ਸ਼ਾਮਲ ਕੀਤੀ ਗਈ ਹੈ, ਜਿਵੇਂ ਕਿ .sr-only
ਕਲਾਸ ਦੇ ਨਾਲ ਲੁਕਿਆ ਵਾਧੂ ਟੈਕਸਟ।
ਰੰਗ
.ਟੈਕਸਟ-ਪ੍ਰਾਇਮਰੀ
.ਟੈਕਸਟ-ਸੈਕੰਡਰੀ
.ਟੈਕਸਟ-ਸਫਲਤਾ
.ਟੈਕਸਟ-ਖ਼ਤਰਾ
.ਟੈਕਸਟ-ਚੇਤਾਵਨੀ
.ਟੈਕਸਟ-ਜਾਣਕਾਰੀ
.text-light
.ਟੈਕਸਟ-ਡਾਰਕ
.text-body
.ਟੈਕਸਟ-ਮਿਊਟ ਕੀਤਾ ਗਿਆ
.ਟੈਕਸਟ-ਸਫ਼ੈਦ
.text-black-50
.text-white-50
ਪ੍ਰਸੰਗਿਕ ਟੈਕਸਟ ਕਲਾਸਾਂ ਪ੍ਰਦਾਨ ਕੀਤੀਆਂ ਹੋਵਰ ਅਤੇ ਫੋਕਸ ਅਵਸਥਾਵਾਂ ਵਾਲੇ ਐਂਕਰਾਂ 'ਤੇ ਵੀ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ। ਨੋਟ ਕਰੋ ਕਿ .text-white
ਅਤੇ .text-muted
ਕਲਾਸ ਵਿੱਚ ਅੰਡਰਲਾਈਨ ਤੋਂ ਇਲਾਵਾ ਕੋਈ ਵਾਧੂ ਲਿੰਕ ਸਟਾਈਲਿੰਗ ਨਹੀਂ ਹੈ।
ਬੈਕਗ੍ਰਾਊਂਡ ਦਾ ਰੰਗ
ਪ੍ਰਸੰਗਿਕ ਟੈਕਸਟ ਕਲਰ ਕਲਾਸਾਂ ਦੇ ਸਮਾਨ, ਕਿਸੇ ਤੱਤ ਦੇ ਪਿਛੋਕੜ ਨੂੰ ਕਿਸੇ ਵੀ ਪ੍ਰਸੰਗਿਕ ਕਲਾਸ ਵਿੱਚ ਆਸਾਨੀ ਨਾਲ ਸੈੱਟ ਕਰੋ। ਐਂਕਰ ਕੰਪੋਨੈਂਟ ਟੈਕਸਟ ਕਲਾਸਾਂ ਵਾਂਗ, ਹੋਵਰ 'ਤੇ ਹਨੇਰਾ ਹੋ ਜਾਣਗੇ। ਬੈਕਗ੍ਰਾਉਂਡ ਉਪਯੋਗਤਾਵਾਂ ਸੈਟ ਨਹੀਂ ਹੁੰਦੀਆਂ ਹਨcolor
, ਇਸਲਈ ਕੁਝ ਮਾਮਲਿਆਂ ਵਿੱਚ ਤੁਸੀਂ .text-*
ਉਪਯੋਗਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੋਗੇ।
ਬੈਕਗ੍ਰਾਊਂਡ ਗਰੇਡੀਐਂਟ
ਜਦੋਂ (ਡਿਫਾਲਟ ਹੈ ) ' $enable-gradients
ਤੇ ਸੈੱਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਤੁਸੀਂ ਉਪਯੋਗਤਾ ਕਲਾਸਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। ਇਹਨਾਂ ਕਲਾਸਾਂ ਅਤੇ ਹੋਰ ਬਹੁਤ ਕੁਝ ਨੂੰ ਸਮਰੱਥ ਕਰਨ ਲਈ ਸਾਡੇ Sass ਵਿਕਲਪਾਂ ਬਾਰੇ ਜਾਣੋ ।true
false
.bg-gradient-
.bg-gradient-primary
.bg-gradient-secondary
.bg-gradient-success
.bg-gradient-danger
.bg-gradient-warning
.bg-gradient-info
.bg-gradient-light
.bg-gradient-dark