Source

ਚਿੱਤਰ ਬਦਲ

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

ਬੈਕਗ੍ਰਾਊਂਡ .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.0/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>