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ഹെഡ്ഡിംഗ് ടാഗുകളുടെ പ്രവേശനക്ഷമതയും SEO ആനുകൂല്യങ്ങളും നിലനിർത്താൻ ക്ലാസ് ഉപയോഗിക്കുക , എന്നാൽ background-imageടെക്‌സ്‌റ്റിന് പകരം ഒരു ഉപയോഗിക്കാൻ ആഗ്രഹിക്കുന്നു.

ബൂട്ട്സ്ട്രാപ്പ്

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