Source

이미지 교체

이미지 대체 클래스를 사용하여 배경 이미지에 대한 텍스트를 바꿉니다.

경고

text-hide()클래스와 mixin은 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>