col-xs-*
classes on form
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 <div class="row">
element. Then nest each of them within a <div class="col-xs-6">
element.
Note: As a reminder, radio buttons are input
elements of type radio
.
div
with the class row
.
testString: assert($("div.row:has(input[type=\"radio\"])").length > 0, 'Nest all of your radio buttons inside one div
with the class row
.');
- text: Nest each of your radio buttons inside its own div
with the class col-xs-6
.
testString: assert($("div.col-xs-6:has(input[type=\"radio\"])").length > 1, 'Nest each of your radio buttons inside its own div
with the class col-xs-6
.');
- text: Make sure each of your div
elements has a closing tag.
testString: assert(code.match(/<\/div>/g) && code.match(/