<sectionid="description"> ¡También puedes usar las clases <code>col-xs-*</code> en elementos de <code>form</code> ! De esta manera, nuestras casillas de verificación se distribuirán de manera uniforme en toda la página, independientemente de la resolución de la pantalla. Anide las tres casillas de verificación en un elemento <code><div class="row"></code> . Luego anida cada uno de ellos en un elemento <code><div class="col-xs-4"></code> . </section>
- text: Anida todas las casillas de verificación dentro de un <code>div</code> con la <code>row</code> clase.
testString: 'assert($("div.row:has(input[type=\"checkbox\"])").length > 0, "Nest all of your checkboxes inside one <code>div</code> with the class <code>row</code>.");'
- text: Anida cada una de tus casillas dentro de su propia <code>div</code> con la clase <code>col-xs-4</code> .
testString: 'assert($("div.col-xs-4:has(input[type=\"checkbox\"])").length > 2, "Nest each of your checkboxes inside its own <code>div</code> with the class <code>col-xs-4</code>.");'
- text: Asegúrese de que cada uno de sus elementos <code>div</code> tenga una etiqueta de cierre.
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.");'