이미지 교체

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

.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.0/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>