Bootstrap 3 - Radio Button Group

by LW

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<form role="form">
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-default">
            <input type="radio" id="q156" name="quality[1]" value="1" required> 1
        </label> 
        <label class="btn btn-default">
            <input type="radio" id="q157" name="quality[1]" value="2" required> 2
        </label> 
        <label class="btn btn-default">
            <input type="radio" id="q158" name="quality[1]" value="3" required> 3
        </label>
    </div>
    <button type="submit" class="btn btn-default">Submit</button>        
</form>

CSS

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
    clip: rect(1px 1px 1px 1px);
}