Now let's get your form <code>input</code> and your submission <code>button</code> on the same line. We'll do this the same way we have previously: by using a <code>div</code> element with the class <code>row</code>, and other <code>div</code> elements within it using the <code>col-xs-*</code> class.
Nest both your form's text <code>input</code> and submit <code>button</code> within a <code>div</code> with the class <code>row</code>. Nest your form's text <code>input</code> within a div with the class of <code>col-xs-7</code>. Nest your form's submit <code>button</code> in a <code>div</code> with the class <code>col-xs-5</code>.
This is the last challenge we'll do for our Cat Photo App for now. We hope you've enjoyed learning Font Awesome, Bootstrap, and responsive design!
testString: assert($("div.row:has(input[type=\"text\"])").length > 0 && $("div.row:has(button[type=\"submit\"])").length > 0, 'Nest your form submission button and text input in a div with class <code>row</code>.');
testString: assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0, 'Nest your form text input in a div with the class <code>col-xs-7</code>.');
testString: assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0, 'Nest your form submission button in a div with the class <code>col-xs-5</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.');