Bootstrap Text-Hide,Text-Only

Bootstrap Text-Hide,Text-Only CSS Helpers

The .text-only class replaces an element's text content with a background image and .text-hide makes the text hidden.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Bootstrap css helpers Example</title>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="text-hide">Some text inside first div element.</div>
        <div class="text-only">Some text inside second div element.</div>
    </div>  
</body>
</html>

Output