[ipfire.org.git] / src / scss / bootstrap-4.0.0-alpha.6 / docs / utilities / image-replacement.md

---
layout: docs
title: Image replacement
group: utilities
---

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

{% highlight html %}
<h1 class="text-hide">Custom heading</h1>
{% endhighlight %}

{% highlight scss %}
// Usage as a mixin
.heading {
  @include text-hide;
}
{% endhighlight %}
Commit	Line	Data
91e44d91 S	1	---
	2	layout: docs
	3	title: Image replacement
	4	group: utilities
	5	---
	6
	7	Utilize the `.text-hide` class or mixin to help replace an element's text content with a background image.
	8
	9	{% highlight html %}
	10	<h1 class="text-hide">Custom heading</h1>
	11	{% endhighlight %}
	12
	13	{% highlight scss %}
	14	// Usage as a mixin
	15	.heading {
	16	@include text-hide;
	17	}
	18	{% endhighlight %}