You can use Bootstrap's <code>col-xs-*</code> classes on <code>form</code> elements, too! This way, our radio buttons will be evenly spread out across the page, regardless of how wide the screen resolution is.
Nest both your radio buttons within a <code><div class="row"></code> element. Then nest each of them within a <code><div class="col-xs-6"></code> element.
<strong>Note:</strong> As a reminder, radio buttons are <code>input</code> elements of type <code>radio</code>.
testString: assert($("div.row:has(input[type=\"radio\"])").length > 0, 'Nest all of your radio buttons inside one <code>div</code> with the class <code>row</code>.');
testString: assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1, 'Nest each of your radio buttons inside its own <code>div</code> with the class <code>col-xs-6</code>.');
testString: assert(code.match(/<\/div>/g) && code.match(/<div/g)&&code.match(/<\/div>/g).length === code.match(/<div/g).length,'Makesureeachofyour<code>div</code> elements has a closing tag.');