input
formulário e seu button
submissão na mesma linha. Faremos isso da mesma forma que temos anteriormente: usando um elemento div
com a row
da classe e outros elementos div
dentro dele usando a classe col-xs-*
. Aninhe a input
texto do seu formulário e o button
enviar dentro de uma div
com a row
da turma. Aninhe a input
texto do seu formulário dentro de uma div com a classe de col-xs-7
. Aninhe o button
envio do seu formulário em um div
com a classe col-xs-5
. Este é o último desafio que vamos fazer para o nosso aplicativo Cat Photo por enquanto. Esperamos que você tenha gostado de aprender o Font Awesome, o Bootstrap e o design responsivo! row
classe.
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: Aninhe sua entrada de texto de formulário em um div com a classe col-xs-7
.
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: Aninhe seu botão de envio de formulário em um div com a classe col-xs-5
.
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: Certifique-se de que cada um dos seus elementos div
tenha uma tag de fechamento.
testString: 'assert(code.match(/<\/div>/g) && code.match(/