0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Bootstrap/site/content/docs/4.3/utilities/image-replacement.md
XhmikosR d95d30029f Switch to Hugo.
No more Ruby dependency and most important more than 10 times less build time (at least on Windows)!
2019-03-13 19:22:59 +02:00

1.0 KiB

layout title description group
docs Image replacement Swap text for background images with the image replacement class. utilities

{{< callout warning >}}

Warning

The text-hide() class and mixin has been deprecated as of v4.1. It will be removed entirely in v5. {{< /callout >}}

Utilize the .text-hide class or mixin to help replace an element's text content with a background image.

{{< highlight html >}}

Custom heading

{{< /highlight >}}

{{< highlight scss >}} // Usage as a mixin .heading { @include text-hide; } {{< /highlight >}}

Use the .text-hide class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a background-image instead of text.

Bootstrap

{{< highlight html >}}

Bootstrap

{{< /highlight >}}