Bootstrap ScreenReader CSS He

Bootstrap ScreenReader CSS Helper

.sr-onlyclass is used in anchor tag which is only readeable by the screen reader devices.screen reader device are so usefull for blind peoples.

<!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">
            <h2>Example</h2>
            <button class="btn btn-primary">Hello.</button>
            <a class="sr-only" href="#">sr-only text.</a>
            <button class="btn btn-info">fine.</button>
        </div>
    </body>
    </html>

Output