mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

Add use case description and example

Browse Source
This commit is contained in:
Dillon Chanis
2017-06-12 21:40:19 -04:00
committed by Mark Otto
parent d23813988a
commit b1b8aedf0e
1 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/4.0/utilities/image-replacement.md
+15
View File
@@ -18,3 +18,18 @@ Utilize the `.text-hide` class or mixin to help replace an element's text conten
@include text-hide; @include text-hide;
} }
{% endhighlight %} {% endhighlight %}
The `.text-hide` class is useful for when you want the benefits heading tags like accessibility and SEO, but want to utilize your brand's logo image instead of text.
{% example html %}
<h1 class="text-hide" style="background-image: url('/assets/brand/bootstrap-solid.svg'); width: 50px; height: 50px;">Bootstrap</h1>
{% endexample %}
{% highlight html %}
<h1 class="text-hide logo">Bootstrap</h1>
{% endhighlight %}
{% highlight scss %}
.logo {
background-image: url('/assets/brand/bootstrap-solid.svg');
}
{% endhighlight %}