Twitter bootstrap helper block that displays current break point

break-point.html

    <div class="well" style="position: fixed; bottom: 0; left: 0; display: inline-block; height: auto; z-index: 99999">
        <div class="visible-xs text-center text-danger">
            <b>xs (extra small)</b>
        </div>
        <div class="visible-sm text-center text-warning">
            <b>sm (small)</b>
        </div>
        <div class="visible-md text-center text-primary">
            <b>md (middle)</b>
        </div>
        <div class="visible-lg text-center text-success">
            <b>lg (large)</b>
        </div>
    </div>