sr-only Bootstrap

sr-onlyクラス (screen reader-only)

音声読み上げのみで、画面には表示しないクラスです。

<form class="form-inline"> // フォーム全体をインラインに
    <div class="form-group"> // フォームをグループに
        <label class="sr-only control-label" for="postcode">ここが表示されない</label>
        <input type="text" id="postcode" class="form-control" placeholder="郵便番号">
    </div>
    <div class="form-group">
        <input type="submit" value="検索" class="btn btn-primary">
    </div>
</form>


f:id:hrt0kmt:20141018152928p:plain