input
和提交button
放在同一行。我们将做到这一点,我们以前有相同的方式:通过使用div
元素带班row
,和其他div
使用中它的元素col-xs-*
类。将表单的文本input
和提交button
嵌套在具有类row
的div
。将表单的文本input
嵌套在具有col-xs-7
类的div中。将表单的提交button
div
具有类col-xs-5
的div
。这是我们目前为Cat Photo App所做的最后一项挑战。我们希望您喜欢学习Font Awesome,Bootstrap和响应式设计! row
的div中。
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 row
.");'
- text: 将表单文本输入嵌套在具有类col-xs-7
的div中。
testString: 'assert($("div.col-xs-7:has(input[type=\"text\"])").length > 0, "Nest your form text input in a div with the class col-xs-7
.");'
- text: 将表单提交按钮嵌套在具有类col-xs-5
的div中。
testString: 'assert($("div.col-xs-5:has(button[type=\"submit\"])").length > 0, "Nest your form submission button in a div with the class col-xs-5
.");'
- text: 确保每个div
元素都有一个结束标记。
testString: 'assert(code.match(/<\/div>/g) && code.match(/