0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-10 22:24:19 +01:00
Bootstrap/site/docs/4.2/utilities/image-replacement.md
Mark Otto eda851ee76 Prep for v4.2.0 release
- Move 4.1 docs to 4.2
- Update versions everywhere to 4.1.3 with release script
- Manually bump the shorthand version in package.json
- Add 4.2 to the versions docs page
- Update some redirects
- Fix tests asset URLs
- Bump Nuget and more
2018-12-21 09:03:29 -08:00

1.1 KiB

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

{% capture callout %}

Warning

The text-hide() class and mixin has been deprecated as of v4.1. It will be removed entirely in v5. {% endcapture %} {% include callout.html content=callout type="warning" %}

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

{% highlight html %}

Custom heading

{% endhighlight %}

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

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

{% endhighlight %}