Styled radio buttons provide consistency across the site. Just add .radio-styled
to the .radio
.
<form role="form">
<div class="radio radio-styled">
<input type="radio" name="sample" id="radio1" checked="checked">
<label for="radio1">Radio 1</label>
</div>
<div class="radio radio-styled">
<input type="radio" name="sample" id="radio2">
<label for="radio2">Radio 2</label>
</div>
</form>
<form role="form">
<div class="radio radio-styled">
<input type="radio" name="sample" id="radio1" checked="checked">
<label for="radio1">Radio 1</label>
</div>
<div class="radio radio-styled">
<input type="radio" name="sample" id="radio2">
<label for="radio2">Radio 2</label>
</div>
</form>