• 图像替换
    • Warning

    图像替换

    Warning

    自v4.1起,text-hide() ）类和mixin已被弃用,它将在v5中完全删除.

    使用 .text-hide class样或sass mixin来帮助用背景图像替换元素的文本内容.

    1. <h1 class="text-hide">Custom heading</h1>
    1. // Usage as a mixin .heading {
    2.   @include text-hide;
    3. }

    使用.text-hide class样式可以保持标签的亲和性及SEO优化需求，引入后，需要使用 background-image 属性来提供视觉展示，而不是文字内容（文字内容随即隐藏）。

    图像替换 - 图1

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