Source

ਚਿੱਤਰ ਬਦਲ

ਚਿੱਤਰ ਬਦਲਣ ਵਾਲੀ ਕਲਾਸ ਦੇ ਨਾਲ ਬੈਕਗ੍ਰਾਊਂਡ ਚਿੱਤਰਾਂ ਲਈ ਟੈਕਸਟ ਸਵੈਪ ਕਰੋ।

ਚੇਤਾਵਨੀ

text-hide()ਕਲਾਸ ਅਤੇ ਮਿਕਸਿਨ ਨੂੰ v4.1 ਤੋਂ ਬਰਤਰਫ਼ ਕੀਤਾ ਗਿਆ ਹੈ । ਇਸਨੂੰ v5 ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਹਟਾ ਦਿੱਤਾ ਜਾਵੇਗਾ।

ਬੈਕਗ੍ਰਾਊਂਡ .text-hideਚਿੱਤਰ ਨਾਲ ਕਿਸੇ ਤੱਤ ਦੀ ਟੈਕਸਟ ਸਮੱਗਰੀ ਨੂੰ ਬਦਲਣ ਵਿੱਚ ਮਦਦ ਲਈ ਕਲਾਸ ਜਾਂ ਮਿਕਸਿਨ ਦੀ ਵਰਤੋਂ ਕਰੋ।

<h1 class="text-hide">Custom heading</h1>
// Usage as a mixin
.heading {
  @include text-hide;
}

.text-hideਹੈਡਿੰਗ ਟੈਗਾਂ ਦੀ ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਐਸਈਓ ਲਾਭਾਂ ਨੂੰ ਬਣਾਈ ਰੱਖਣ ਲਈ ਕਲਾਸ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਪਰ background-imageਟੈਕਸਟ ਦੀ ਬਜਾਏ ਇੱਕ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ।

ਬੂਟਸਟਰੈਪ

<h1 class="text-hide" style="background-image: url('/docs/4.1/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>