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>