Bootstrap 3 - .sr-only for Screen Reader CSS

by bizamajig

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css">
<p>(<code>sr-only</code> is used on a span element in this example)</p>
<div class="btn-group">
   <button type="button" class="btn btn-info btn-md">Departments</button>
   <button type="button" class="btn btn-info dropdown-toggle btn-md" data-toggle="dropdown">
   <span class="caret"></span>
   <span class="sr-only">Toggle Dropdown</span>
   </button>
   <ul class="dropdown-menu" role="menu">
      <li><a href="#">Sales</a></li>
      <li><a href="#">Technical</a></li>
      <li class="divider"></li>
      <li><a href="#">Show all</a></li>
   </ul>
</div>