mirror of
				https://github.com/twbs/bootstrap.git
				synced 2025-11-04 00:03:15 -05:00 
			
		
		
		
	Document .hide-text and .text-hide
This commit is contained in:
		
							parent
							
								
									7a7149d2ee
								
							
						
					
					
						commit
						e25ca1e7a9
					
				@ -81,6 +81,7 @@
 | 
			
		||||
    <li><a href="#helper-classes-floats">Quick floats</a></li>
 | 
			
		||||
    <li><a href="#helper-classes-clearfix">Clearfix</a></li>
 | 
			
		||||
    <li><a href="#helper-classes-screen-readers">Screen reader content</a></li>
 | 
			
		||||
    <li><a href="#helper-classes-image-replacement">Image replacement</a></li>
 | 
			
		||||
  </ul>
 | 
			
		||||
</li>
 | 
			
		||||
<li>
 | 
			
		||||
 | 
			
		||||
							
								
								
									
										12
									
								
								css.html
									
									
									
									
									
								
							
							
						
						
									
										12
									
								
								css.html
									
									
									
									
									
								
							@ -2292,6 +2292,18 @@ For example, <code><section></code> should be wrapped as inline.
 | 
			
		||||
}
 | 
			
		||||
{% endhighlight %}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
    <h3 id="helper-classes-image-replacement">Image replacement</h3>
 | 
			
		||||
    <p>Utilize the <code>.hide-text</code> mixin or <code>.text-hide</code> class to help replace an element's text content with a background image.</p>
 | 
			
		||||
{% highlight html %}
 | 
			
		||||
<h1 class="text-hide">Custom heading</h1>
 | 
			
		||||
{% endhighlight %}
 | 
			
		||||
  {% highlight css %}
 | 
			
		||||
// Usage as a Mixin
 | 
			
		||||
.heading {
 | 
			
		||||
  .hide-text();
 | 
			
		||||
}
 | 
			
		||||
{% endhighlight %}
 | 
			
		||||
  </div>
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user